آموزش ASP.Net > مسترپیج ها در ASP.Net > تعریف مسترپیج ها و کارکرد آنها در ASP.Net
مسترپیج چیست ؟
مسترپیج به طراح این امکان را می دهد تا یک صفحه یا قالب ( الگو ) پیش ساخته را برای
ساخت صفحات دیگر ، طراحی نماید .
در واقع مسترپیج ظاهر ، قالب و نحوه عملکرد کلی گروهی از صفحات را در پروژه یا وب سایت
شما تعیین می کند . سپس می توانید صفحاتی را به عنوان صفحات محتوا ، به صورت تکی ایجاد
نموده که این صفحات شامل محتوا متغیر سایت شما بوده و آن ها را به مسترپبج متصل می
کنید .
هنگامی که کاربر صفحه محتوا ( Content Page ) را درخواست می کند ، سرور ASP.Net صفحه
محتوا را با صفحه مسترپیج ترکیب کرده و تم های موجود را به آنها اعمال نموده و خروجی
را در قالب یک فایل می سازد .
برای درک بهتر مسترپیج ها ، یک مثال می زنیم . همین سایت ما ، از یک مسترپیج در هر
یک از بخش های آموزشی خود استفاده می کند . همانطور که متوجه شده اید ، عنوان ( هدر
صفحه ) ، نوار های سمت راست ( شامل منو و تبلیغات ) از مسترپیج آمده و فقط بخش درونی
صفحه که حاوی مطالب آموزشی است ، در هر صفحه تغییر می کند ( در واقع این بخش صفحات
محتوا Content Page است ) .
مسترپیج ها چگونه کار می کنند ؟
مسترپیج ها از دو جزء اصلی تشکیل شده اند : یکی خود مسترپیج و دیگری صفحه محتوا ( Content
) که با آن ترکیب می شود .
مسترپیج یک فایل ASP.Net با پسوند master. ( برای مثال Master1.master ) بوده با ظاهر
و قالبی از پیش تعیین شده که می تواند شامل متن ( Text ) ، المنت های HTML و کنترل های سرور باشد . مسترپیج در بخش اعلان صفحه
دارای علامت Master @ به جای Page @ ( در صفحات معمول ASP.Net ) می باشد
، همانند کد زیر :
VB کد
|
<%@ Master Language="VB" %>
|
C# کد
|
<%@ Master Language="C#" %>
|
بخش اعلان صفحات مسترپیج Master @ می تواند بیشتر خواص و اعلاناتی که در بخش اعلان
صفحات معمولی ASP.Net که به صورت Page @ تعریف می کنید ، را شامل شود . برای مثال یک
اعلان برای فایل کدنویسی پشت پرده و یا اشاره به کلاسی که صفحه به آن مربوط است . مثل
کد زیر :
VB کد
|
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage"
%>
|
C# کد
|
<%@ Master Language="C#" CodeFile="MasterPage.master.cs" Inherits="MasterPage"
%>
|
همچنین خود صفحه مسترپیج می تواند شامل اکثر المنت های اصلی زبان HTML مثل html , head
یا form می باشد .
برای مثال یک قالب ساده صفحه مسترپیج می تواند شامل یک جدول HTML برای طراحی
قالب صفحه ، یک عکس یا logo در بالای صفحه به عنوان هدر ، یک متن ثابت ( static text
) برای توضیحات سایت در پایین آن و کنترل های سروری که مثلا سیستم مسیر دهی را در سایت
ایجاد می کنند ، باشد . شما می توانید هر نوع کنترل سرور و یا تگ HTML ای را در یک
صفحه مسترپیج به کار ببرید .
برای مثال شکل کلی یک صفحه مسترپیج می تواند به صورت زیر باشد :
کد
|
<%@ Master Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server" >
<title>Master page title</title>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td><asp:contentplaceholder id="Main" runat="server" /></td>
<td><asp:contentplaceholder id="Footer" runat="server" /></td>
</tr>
</table>
</form>
</body>
</html>
|
آموزش نحوه ایجاد یک فایل مسترپیج به صورت تصویری در محیط ویژوال استودیو :
برای ایجاد یک فایل مسترپیج جدید در محیط نرم افزار ویژوال استودیو مراحل زیر را انجام
دهید :
- از منوی Solution Explorer بر روی نام وب سایت کلیک راست کرده و گزینه
Add New Item را کلیک نمایید .
- پنجره Add New Item مطابق تصویر زیر باز می شود :
- از بخش Installed Templates ، زبان مورد نظر خود برای برنامه نویسی مسترپیج را انتخاب
نموده و از نوار وسط نیز گزینه Master Page را انتخاب کنید .
- نام فایل را Master1.master تعیین کرده و علامت گزینه select master page را برداشته
و گزینه Add را بزنید .
- یک فایل مسترپیج جدید خالی به صورت زیر به صفحه اضافه می شود :
مزایای استفاده از مستر پیج ها :
به وسیله مسترپیج ها ، در سایت های بزرگ می توانید برای هر بخش سایتتان ، یک قالب یا
الگو تعیین کرده و سپس با اتصال هر صفحه محتوا به آن ، به سرعت صفحات جدید را طراحی
نمایید .
در روش معمول و قدیمی ، طراح مجبور بود که قالب را برای هر صفحه Copy و Paste کرده
و تغییرات را در صفحه جدید اعمال کند . اما با مستر پیج ، بخش های تکراری را به صورت
یک الگو درآورده و سپس به وسیله یک کد ساده ، صفحه محتوا را به آن متصل نمایید .
مزایای استفاده از مسترپیج عبارتند از :
- هر زمان که می خواهید تغییری در قالب سایت خود یا بخشی از آن اعمال نمایید ، فقط کافی
است کد فایل مسترپیج را تغییر داده و در این حالت تغییر به تمامی صفحات مرتبط به آن اعمال
می شود .
- می توانید بخش های آماده ای از کدها و کنترل ها را در مسترپیج تعیین کرده و از آن در
تمام صفحات به صورت مشترک استفاده نمایید .
- سرعت طراحی و تغییر در سایت ده برابر شده و حجم کدنویسی کاهش می یابد.
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :