الصفحة الرئيسية>دروس برمجة الشبكات>دروس ASP.NET

شرح تفصيلي للصفحة الرئيسية في ASP.NET 2.0

الكاتب：Eve Cole وقت التحديث：2009-06-30 16:37:05
ومن أجل تقليل مشكلة تغيير الموقع بأكمله عند تغيير صفحة واحدة أثناء تصميم الويب، تمت إضافة مفهوم الرئيسي بعد ترقية vs2003 إلى vs2005.

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

لنبدأ بعرض توضيحي بسيط للاستخدام الرئيسي:

1. افتح Visual Studio 2005 أولاً، وقم بإنشاء موقع ويب asp.net جديد ونظام ملفات C#.

2. في Solution Explorer، انقر بزر الماوس الأيمن لإنشاء عنصر جديد:



3. حدد الصفحة الرئيسية:



4. افتح MasterPage.master، يوجد عنصر تحكم للعنصر النائب بالداخل، احرص على عدم كتابة أي شيء في عنصر التحكم.

نذهب إلى عرض التصميم ونضيف نص الرأس والتذييل خارج عنصر التحكم هذا.



5. بعد الحفظ، يمكننا استخدامه لإنشاء صفحات أخرى. هناك طريقتان. 1. انقر بزر الماوس الأيمن في أي مكان على الصفحة الرئيسية ثم انقر فوق "إضافة صفحة محتوى" 2. قم بإنشاء عنصر جديد في "مستكشف الحلول" وحدد "تحديد الصفحة الرئيسية" عند إنشاء صفحة aspx.



6. حدد الصفحة الرئيسية المقابلة



7. لا توجد سوى هذه الجمل القليلة في الكود المصدري للصفحة الذي تم إنشاؤه حديثًا:


  1. ＜%@PageLanguage="C#"MasterPageFile="~/MasterPage.master"AutoEventWireup="true"
    CodeFile = "Default2.aspx.cs" Inherits = "Default2"Title = "UntitledPage"٪＞
  2. ＜asp:ContentID = "Content1"ContentPlaceHolderID = "ContentPlaceHolder1"Runat = "الخادم"＞
  3. ＜/asp:Content＞

يمكننا أن نرى عنصر تحكم المحتوى، الذي يتوافق مع عنصر تحكم ContentPlaceHolder1 للصفحة الرئيسية ويتم تحويله إلى صفحة العرض:



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

بعد الحفظ قم بزيارة صفحة default2.aspx F5، نرى الصفحة:


9. كما هو متوقع، دعونا نلقي نظرة على الكود المصدري:


  1. ＜!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
  2. ＜htmlxmlns="http://www .w3.org/1999/xhtml"＞
  3. ＜head＞＜title＞
  4. UntitledPage
  5. ＜/title＞＜/head＞
  6. ＜body＞
  7. ＜formname="aspnetForm"method="post"action="Default2.aspx"id="aspnetForm "＞
  8. ＜div＞
  9. ＜inputtype="hidden"name="__VIEWSTATE"id="__VIEWSTATE"
    value="/wEPDwULLTEwMDUyNjYzMjhkZASHJAhe9XmxUHPbOeONMX2y6XYi"/＞
  10. ＜/div＞
  11. ＜div＞
  12. هذا هو رأس الصفحة＜br/＞ محتوى
  13. هذه الصفحة: مرحبًا، العالم!＜br/＞
  14. هذا هو تذييل الصفحة ＜/div ＞ ＜/
  15. النموذج＞
    16. ＜/
  16. الجسم
    17. ＞
  17. ＜/أتش تي أم أل＞

يتم وضع المحتوى الرئيسي في div، ولكن لا يتم وضع صفحة المحتوى في div منفصل، مما يعني أنه لن تتم إضافة أي تعليمات برمجية زائدة إلى الصفحات الفرعية في الرئيسي. وهذا يمنحنا مرونة كبيرة في البرمجة وتخطيط صفحات الويب. يمكننا الاستفادة الكاملة من تحديد موضع CSS+DIV، ويمكننا أيضًا استخدام تحديد موضع الجدول. ليس من الضروري تعديل كل صفحة عند التعديل.

10. بالنسبة للجزء الرئيسي الذي لا يمثل جزءًا من المحتوى الثابت، يمكننا استخدام ContentPlaceHolder1 المتعدد للتخطيط. يستخدم المثال التالي جدولًا لتحديد الموضع:



11. سيكون هناك محتوى في الصفحة الفرعية المقابلة:



الكود الذي تم إنشاؤه:


  1. ＜!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
  2. ＜htmlxmlns="http://www .w3.org/1999/xhtml"＞
  3. ＜head＞＜title＞
  4. UntitledPage
  5. ＜/title＞＜/head＞
  6. ＜body＞
  7. ＜formname="aspnetForm"method="post"action="Default3.aspx"id="aspnetForm "＞
  8. ＜div＞
  9. ＜inputtype="hidden"name="__VIEWSTATE"id="__VIEWSTATE"
    value="/wEPDwUKMTY1NDU2MTA1MmRkPjWLPyqA5JXcW5ivHc0NiYajQTU="/＞
  10. ＜/div＞
  11. ＜div＞
  12. thisisthepage'sheader＜br/＞
  13. ＜table＞
  14. ＜tr＞
  15. ＜td＞
  16. ohmyContent1
  17. ＜/td ＞
  18. ＜td＞
  19. hisyContent2
  20. ＜/td＞
  21. ＜/tr＞
  22. ＜ /table＞
  23. هذه هي تذييل الصفحة 
  24. ＜/div＞
  25. ＜/form＞
  26. ＜/body＞
  27. ＜/html＞

12. استخدمه بمرونة على الرغم من أنه يمكن لـ CSS أيضًا استخدام DIV لحل هذه المشكلة، إلا أنه من الصعب التحكم في مظهر بعض عناصر التحكم غير القياسية باستخدام CSS. إذا قمت بإنشاء مجموعة أخرى من العناصر الرئيسية، MasterPage2.master، فيمكنك الإعدادات الديناميكية المتوسطة:

Page_PreInit باطلة محمية (مرسل الكائن، EventArgs e)
{
MasterPageFile = "~/MasterPage2.master";
}

دعنا نذهب هنا أولاً، يُقال أنه يمكن أيضًا استخدام التطبيقات المتداخلة، ولكن هذا يكفي في الوقت الحالي.