ASP.NET网站开发--母版页-原创手记-慕课网

1、母版页概述

每个网站都需要具有统一的的风格和布局，例如：整个网站具有相同的网页头尾、导航栏、功能条以及广告区等。

对于这一点，这不仅提高了工作效率、降低开发和维护强度，还提供了强有力的支持；

1.1，母版页优点

开发人员可以以利用母版页功能创建一个单页布局，然后将其应用到多个内容页中：

1，有利于站点维修和维护，降低开发人员的工作强度；

2，提供高效的内容整合能力；

3，有利于实现页面布局；

4，提供一种便与利用的对象模型；

2.1，创建项目

1，首先创建一个Web项目

2，添加新建项：母版页，命名为：ONE.Master

3，添加一个母版页Web窗体，为ONE1.aspx

4，ONE.Master页：

<body>
    <form id="form1" runat="server">
    <div style="height:150px; background-color:Gray;" >
    顶部
    </div>
    <div style="width:1200px; margin:0 auto;">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    <div style="height:150px; background-color:Gray;">
    底部
    </div>
    </form>
</body>

拆分为：

5，ONE1.aspx页：

若想改变母版在ONE1.aspx页中的模样，只需要在：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>

中添加代码就可以了；

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="width:1200px; height:450px; background-color:Yellow; margin:0 auto;">
    </div>
</asp:Content>

运行结果：

6，再添加一个母版页Web窗体，为ONE2.aspx，同样绑定母版页：ONE.Master；ONE2.aspx页：

    <div style="width:1200px; height:450px; background-color:Aqua; margin:0 auto;">
    </div>

页面效果：

7，显示当前页面方法一：

在ONE.Master页添加：

<asp:Label ID="Label1" runat="server" Text="当前页面:"></asp:Label>

在ONE.Master.cs页添加：

        public string Text
        {
            get
            {
                return Label1.Text;
            }
            set
            {
                Label1.Text += value;
            }
        }

ONE1.aspx页添加：

<%@ MasterType VirtualPath="~/ONE.Master" %>

ONE1.aspx.cs页添加：

Master.Text = "ONE1.aspx";

8，方法二：

只需在ONE2.aspx.cs页添加：

            if (!IsPostBack)
            {
                Label label = Master.FindControl("Label1") as Label;
                label.Text += "WebForm1.aspx";
            }

即可；

原文出处