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";
}
即可;