آموزش برنامه نویسی ، پایگاه داده sql server
آموزشگاه برنامه نویسی تحلیل داده : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server


آموزشگاه برنامه نویسی مجتمع فنی تهران میرداماد : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server

آموزش 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>

آموزش نحوه ایجاد یک فایل مسترپیج به صورت تصویری در محیط ویژوال استودیو :

برای ایجاد یک فایل مسترپیج جدید در محیط نرم افزار ویژوال استودیو مراحل زیر را انجام دهید :

  1. از منوی Solution Explorer بر روی نام وب سایت کلیک راست کرده و  گزینه Add New Item را کلیک نمایید .
  2. پنجره Add New Item مطابق تصویر زیر باز می شود :

  3. از بخش Installed Templates ، زبان مورد نظر خود برای برنامه نویسی مسترپیج را انتخاب نموده و از نوار وسط نیز گزینه Master Page را انتخاب کنید .
  4. نام فایل را Master1.master تعیین کرده و علامت گزینه select master page را برداشته و گزینه Add را بزنید .
  5. یک فایل مسترپیج جدید خالی به صورت زیر به صفحه اضافه می شود :

مزایای استفاده از مستر پیج ها :

به وسیله مسترپیج ها ، در سایت های بزرگ می توانید برای هر بخش سایتتان ، یک قالب یا الگو تعیین کرده و سپس با اتصال هر صفحه محتوا به آن ، به سرعت صفحات جدید را طراحی نمایید .
در روش معمول و قدیمی ، طراح مجبور بود که قالب را برای هر صفحه Copy و Paste کرده و تغییرات را در صفحه جدید اعمال کند . اما با مستر پیج ، بخش های تکراری را به صورت یک الگو درآورده و سپس به وسیله یک کد ساده ، صفحه محتوا را به آن متصل نمایید .
مزایای استفاده از مسترپیج عبارتند از :

  1. هر زمان که می خواهید تغییری در قالب سایت خود یا بخشی از آن اعمال نمایید ، فقط کافی است کد فایل مسترپیج را تغییر داده و در این حالت تغییر به تمامی صفحات مرتبط به آن اعمال می شود .
  2. می توانید بخش های آماده ای از کدها و کنترل ها را در مسترپیج تعیین کرده و از آن در تمام صفحات به صورت مشترک استفاده نمایید .
  3. سرعت طراحی و تغییر در سایت ده برابر شده و حجم کدنویسی کاهش می یابد.


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1 حمایت نمایید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟      
حمایت از سایت Developer1