ASP.NET 2.0 - صفحات المعلم الرئيسي (Master Pages)

تقدم صفحات المعلم الرئيسي نموذجًا لصفحات أخرى داخل الموقع.

صفحات المعلم الرئيسي (Master Pages)

تسمح صفحة المعلم الرئيسي بإنشاء مظهر ومسار متسق لجميع الصفحات (أو مجموعات الصفحات) في تطبيق الويب.

تقدم صفحة المعلم الرئيسي نموذجًا لصفحات أخرى، وتحتوي على تصميم مشترك وتوفر وظائف. وتحدد صفحة المعلم الرئيسي تبوايب يمكن تغييرها من قبل صفحات المحتوى. وهو نتاج دمج صفحة المعلم الرئيسي وصفحة المحتوى.

صفحة المحتوى تحتوي على المحتوى الذي تريد عرضه.

عند طلب المستخدم لصفحة المحتوى، يقوم ASP.NET بدمج الصفحة لإنشاء مخرجات، ويقوم المخرج بدمج تصميم صفحة المعلم الرئيسي ومحتوى الصفحة.

مثال على صفحة المعلم الرئيسي:

<%@ Master %>
<html>
<body>
<h1>Standard Header For All Pages</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
</asp:ContentPlaceHolder>
</body>
</html>

صفحة المعلم الرئيسي هي نموذج HTML عادي مصمم لصفحات أخرى.

@ Master أمرتعريفها كصفحة معلم رئيسي.

هذه الصفحة الرئيسية تحتوي على علامة تبويب واحدة فقط للنصوص. <asp:ContentPlaceHolder>.

id="CPH1" الميزة المحددة للتبويب، يسمح بوجود عدة تبوايب في نفس صفحة المعلم الرئيسي.

تم حفظ هذه الصفحة النموذجية على "master1.master".

ملاحظة:يمكن أن تحتوي هذه الصفحة النموذجية أيضًا على كود، مما يسمح بمحتوى ديناميكي.

مثال على صفحة المحتوى:

<%@ Page MasterPageFile="master1.master" %>
<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>محتوى فردي</h2>
<p>فقرة 1</p>
<p>فقرة 2</p>
</asp:Content>

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

تعليمات @ Pageتعريفها كصفحة محتوى قياسية.

تحتوي هذه الصفحة المحتوية على وسم محتوى<asp:Content>، وتعتمد هذه العلامة على نموذج الصفحة (ContentPlaceHolderId="CPH1").

تم حفظ هذه الصفحة المحتوية على "mypage1.aspx".

عند طلب المستخدم لهذه الصفحة، يقوم ASP.NET بدمج صفحة النموذج مع صفحة المحتوى.

انقر هنا لعرض mypage1.aspx.

ملاحظة:يجب أن تكون النصوص الخاصة بالمحتوى في داخل علامة <asp:Content>. النصوص خارج هذه العلامة غير مسموح بها.

صفحة المحتوى مع التحكمات

<%@ Page MasterPageFile="master1.master" %>
<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>W3School</h2>
<form runat="server">
<asp:TextBox id="textbox1" runat="server" />
<asp:Button id="button1" runat="server" text="Button" />
</form>
</asp:Content>

صفحة المحتوى العلوية تظهر كيفية إدراج عنصر .NET في صفحة المحتوى، تمامًا مثل إدراجه في صفحة عادية.

انقر هنا لعرض mypage2.aspx.