مع صفحات ويب فمن السهل لإنشاء موقع على شبكة الإنترنت مع تخطيط ثابت.
مظهرا متناسقا
على شبكة الإنترنت سوف تكتشف العديد من المواقع على شبكة الإنترنت مع مظهرا متناسقا ويشعر بها:
- كل صفحة لها نفس رأس
- كل صفحة لها نفس تذييل
- كل صفحة لها نفس نمط وتخطيط
مع صفحات الويب ويمكن القيام بذلك بكفاءة عالية. هل يمكن أن يكون كتل قابلة لإعادة الاستخدام من المحتويات (content blocks) ، مثل الرؤوس والتذييلات، في ملفات منفصلة.
يمكنك أيضا تحديد تخطيط ثابت لجميع صفحات موقعك، وذلك باستخدام قالب تخطيط (layout file) .
كتل المحتوى
العديد من المواقع لديها المحتوى الذي يتم عرضه في كل صفحة (like headers and footers) .
مع صفحات ويب يمكنك استخدام @ RenderPage() طريقة لاستيراد المحتوى من ملفات منفصلة.
كتلة المحتوى (from another file) يمكن استيراد أي مكان في صفحة ويب، ويمكن أن تحتوي على نص، الترميز، ورمز، تماما مثل أي صفحة ويب العادية.
استخدام الرؤوس والتذييلات المشتركة كمثال على ذلك، وهذا يوفر لك الكثير من العمل. لم يكن لديك لكتابة نفس المضمون في كل صفحة، وعند تغيير رأس أو تذييل الملفات، يتم تحديث المحتوى في جميع صفحات موقعك.
هذه هي الطريقة التي تبدو في التعليمات البرمجية:
مثال
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html> تشغيل المثال » باستخدام تخطيط الصفحة
في الجزء السابق، رأيت أن تشمل نفس المحتوى في العديد من صفحات الويب أمرا سهلا.
ثمة نهج آخر لخلق مظهرا متناسقا هو استخدام تخطيط الصفحة. تحتوي صفحة تخطيط الهيكل، ولكن ليس المحتوى، صفحة على شبكة الإنترنت. عندما صفحة ويب (content page) مرتبط تخطيط الصفحة، سيتم عرضه وفقا لتخطيط الصفحة (template) .
الصفحة تخطيط هو تماما مثل صفحة ويب عادية، إلا من استدعاء @ RenderBody() طريقة حيث محتوى الصفحة وسوف تدرج.
كل صفحة المحتوى يجب أن يبدأ التوجيه تخطيط.
هذه هي الطريقة التي تبدو في التعليمات البرمجية:
تخطيط الصفحة:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 w3ii. All rights reserved.</p>
</body>
</html>
أي صفحة ويب:
@{Layout="Layout.cshtml";}
<h1>Welcome to w3ii</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
</p>
تشغيل المثال » DRY - لا تكرر نفسك
مع الأداتين ASP.NET، كتل المحتوى وتخطيط الصفحات، يمكنك ان تعطي تطبيقات الويب الخاص بك مظهرا متناسقا.
هذه الأدوات أيضا يوفر لك الكثير من العمل، منذ لم يكن لديك لتكرار نفس المعلومات على كافة الصفحات. مركزية الترميز، والأسلوب، ورمز يجعل تطبيقات الويب بكثير أكثر سهولة وأسهل للمحافظة عليه.
منع الملفات من التعرض مستعرضة
مع ASP.NET، الملفات مع اسم الذي يبدأ ب تسطير لا يمكن تصفحها من شبكة الإنترنت.
إذا كنت ترغب في منع كتل المحتوى الخاص بك أو ملفات تخطيط من يتم عرضها من قبل المستخدمين، قم بإعادة تسمية الملفات إلى:
_header.cshtml
_footer.cshtml
_Layout.cshtml
إخفاء المعلومات الحساسة
مع ASP.NET، والطريقة الشائعة لإخفاء المعلومات الحساسة (كلمات السر قاعدة البيانات وكلمات السر البريد الإلكتروني، الخ) هي الحفاظ على المعلومات في ملف منفصل يسمى "_AppStart" .
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}