ASP.NET صفحات الويب - تخطيط الصفحة

من خلال صفحات الويب، يمكن إنشاء مواقع تحتوي على تخطيط متسق بسهولة.

المظهر المتسق

في الإنترنت، ستجد العديد من المواقع التي تحتوي على مظهر متسق:

  • كل صفحة تحتوي على نفس رأس الصفحة
  • كل صفحة تحتوي على نفس الساقية
  • كل صفحة تحتوي على نفس النمط والتخطيط

من خلال صفحات الويب، يمكنك تحقيق ذلك بكفاءة. يمكنك الحصول على مكتبات مكررة (مكتبات المحتوى)، مثل رأس الصفحة والساقية العامة، في ملفات مستقلة.

يمكنك أيضًا تعريف تخطيط متسق لجميع الصفحات باستخدام نموذج التخطيط (ملف التخطيط).

مكتبات المحتوى

عديد من المواقع تحتوي على محتوى يجب أن يتم عرضه على كل صفحة (مثل رأس الصفحة والساقية العامة).

من خلال صفحات الويب، يمكنك استخدام @RenderPage() الطريقة المستخدمة لإدخال المحتوى من ملفات مختلفة.

يتم إدخال مكتبات المحتوى (من ملف آخر) في أي مكان في صفحة الدخول ويحتوي على نص وعلامات وكود، تمامًا مثل أي صفحة عادية.

استخدام رأس الصفحة والساقية العامة يمكن أن يوفر الكثير من العمل. لا تحتاج إلى كتابة نفس المحتوى في كل صفحة، ويتم تحديث المحتوى في جميع الصفحات عند تغيير ملف رأس الصفحة أو الساقية العامة.

بهذا الشكل في الكود:

مثال

<html>
<body>
@RenderPage("header.cshtml")
<h1>مرحبًا بصفحات الويب</h1> 
<p>هذا فقرة</p>
@RenderPage("footer.cshtml")
</body>
</html>

تشغيل مثال

استخدام صفحة التخطيط

في المحتوى السابق، رأيت أن تكرار نفس المحتوى في عدة صفحات بسيط.

طريقة أخرى لإنشاء مظهر متسق هي استخدام صفحة التخطيط. تحتوي صفحة التخطيط على بنية الصفحة وليس المحتوى. عند ربط صفحة الويب (صفحة المحتوى) بصفحة التخطيط (النموذج)، فإنها تظهر وفقًا لنموذج التخطيط.

صفحة التخطيط تشبه صفحة الويب العادية، ولكنها ستدعو إلى محتوى الصفحة المشار إليها عند الاستدعاء. @RenderBody() الطريقة.

كل صفحة محتوى يجب أن تبدأ بـ إرشاد التخطيطالبداية.

بهذا الشكل في الكود:

تخطيط صفحة الويب:

<html>
<body>
<p>هذا نص.</p>
@RenderBody()
<p>© 2012 CodeW3C.com. جميع الحقوق محفوظة.</p>
</body>
</html>

صفحة أي:

@{Layout="Layout.cshtml";}
<h1>مرحبًا بك في CodeW3C.com</h1>
<p>
هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص.
هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص.
هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص. هذا نص.
</p>

تشغيل مثال

لا تعيد نفسك

من خلال أداتين في ASP.NET، أجزاء المحتوى وصفحات التخطيط، يمكنك ضبط مظهر تطبيق الويب بشكل متسق.

هذه الأدوات ستوفر لك الكثير من العمل لأنك لست بحاجة إلى تكرار نفس المعلومات في جميع الصفحات. اجمع العلامات، الأسلوب والكود معًا، مما يجعل تطبيق الويب أسهل لإدارة والصيانة.

منع تسريب الكود

في ASP.NET، لا يمكن تصفح ملفات تبدأ بـ "_" عبر الويب.

إذا كنت ترغب في منع المستخدمين من رؤية أجزاء المحتوى أو ملفات التخطيط، فأعد تسمية الملفات:

  • _header.cshtm
  • _footer.cshtml
  • _Layout.cshtml

اخفاء المعلومات الحساسة

في ASP.NET، الطريقة الشائعة لاخفاء المعلومات الحساسة (كلمات المرور للبيانات الأساسية، كلمات المرور للبريد الإلكتروني، إلخ) هي حفظ هذه المعلومات في ملف مستقل يُسمى "_AppStart".

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "username@example.com";
WebMail.Password = "your-password";
WebMail.From = "your-name-here@example.com";
}