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";
}即可；
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦