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>
拆分为:
若想改变母版在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"; }
即可;