• 0

كيف أنشئ صفحة Layout في ASP.Net MVC5؟

أقوم بالعمل على موقع الكتروني باستخدام ASP.Net MVC5 وأريد إنشاء Layout Page كيف أقوم بذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

Layout Page أو ما تعرف بـ Master Page في ASP.Net Web Forms وهي الصفحة الرئيسية التي تحوي محتوى الموقع الثابت والذي يظهر في جميع الصفحات.

- يتم عادةً إنشاء صفحة Layout في مجلد Shared الموجود في المجلد Views لمشروع ASP.Net MVC5

LayoutMVC.thumb.png.09608c72c60b3a043f7a

- لإنشاء صفحة Layout  في ASP.Net MVC اضغط بالزر اليميني على مجلد واختر Add New Item

- اختر MVC من القائمة ثم MVC5 Layout Page (Razor) ثم قم بتسميتها واضغط على Add

create_Layout_Page.thumb.png.1c7b933e645

سيظهر محتوى الصفحة كما في المثال التالي:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>
    <div>
        @RenderBody()
    </div>
</body>
</html>

لتحديد المحتوى الثابت والذي سيظهر في جميع الصفحات التي سترث من Layout Page قم بإضافته إلى الصفحة مثلًا إضافة القائمة الرئيسية للموقع.

استخدم  @RenderBody() لتحديد المساحة المتغيرة والتي ستتحدد بشكل مختلف لكل صفحة ترث من Layout Page.

@RenderBody()

Mylayout.thumb.png.101b4e52f4ac849f3cd48

تم تحديد الـ header و الـ Footer ليمثلا المحتوى الثابت للصفحات وتحديد القطعة المتغيرة بكتابة  @RenderBody().

 

تمّ تعديل بواسطة Lujain

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن