介绍
母版页（MasterPage）就相当于模板页，挺简单的，没什么好说的。基于母版页的常用的功能有：母版页和内容页之间信息的传递，在内容页中用FindControl方法找到内容页中的控件等。另外，母版页是可以嵌套的。
关键
在内容页的头部加上母版页的强类型引用
<%--创建对母版页的强类型引用，并指定到母版页的虚拟路径--%>
<%@ MasterType VirtualPath="~/MasterPage/MasterPage.master" %>
1、内容页传递数据到母版页 - 母版页创建一个公共方法，然后内容页通过“Master.方法”来调用这个公共方法
2、母版页传递数据到内容页 - 母版页创建一个公共事件来传递数据，然后内容页处理这个事件
3、内容页中用FindControl方法找到内容页中的控件 - 用“Master.FindControl("ContentPlaceHolder1").FindControl("你要查找的控件ID")”来查找
4、嵌套母版页 - 说起来麻烦，看源码吧
示例
主母板页
Site.master
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="Site" %>
<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>重新过一遍ASP.NET 2.0(C#)</title></head><body> <form id="form1" runat="server"> <div> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> </form></body></html>
次母板页
MasterPage/MasterPage.master
<%@ Master Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeFile="MasterPage.master.cs" Inherits="MasterPage_MasterPage" %><asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <p> 我是一个嵌套母版页 </p> <p> 母版页中的内容 <asp:DropDownList ID="ddlMaster" runat="server" DataSourceID="XmlDataSource1" DataTextField="text" DataValueField="value" AutoPostBack="True" OnSelectedIndexChanged="ddlMaster_SelectedIndexChanged"> </asp:DropDownList><asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Config/DropDownListData.xml"> </asp:XmlDataSource> </p> <p> 内容页中的内容 <asp:ContentPlaceHolder ID="cph" runat="Server" /> </p></asp:Content>
MasterPage/MasterPage.master.cs
using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class MasterPage_MasterPage : System.Web.UI.MasterPage{
protected void Page_Load(object sender, EventArgs e)
{
} /// <summary> /// 设置ddlMaster的选中索引 /// 这个方法由内容页调用 /// </summary> /// <param name="index"></param> public void SetddlMaster(int index) { ddlMaster.SelectedIndex = index; } protected void ddlMaster_SelectedIndexChanged(object sender, EventArgs e) { // ddlMaster的选中索引改变后，激发SelectedIndexChanged_ddlMaster事件 SelectedIndexChanged_ddlMaster(this, new CommandEventArgs(ddlMaster.SelectedItem.Text, ddlMaster.SelectedValue)); } // 声明一个公共时间事件，让内容页用 public event CommandEventHandler SelectedIndexChanged_ddlMaster;}
内容页
MasterPage/Test.aspx
<%@ Page Language="C#" MasterPageFile="~/MasterPage/MasterPage.master" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="MasterPage_Test" Title="MasterPage测试" %><%--创建对母版页的强类型引用，并指定到母版页的虚拟路径--%><%@ MasterType VirtualPath="~/MasterPage/MasterPage.master" %><asp:Content ID="Content1" ContentPlaceHolderID="cph" runat="Server"> <asp:dropdownlist id="ddlPage" runat="server" datasourceid="XmlDataSource1" datatextfield="text" datavaluefield="value" autopostback="True" onselectedindexchanged="ddlPage_SelectedIndexChanged"> </asp:dropdownlist> <asp:xmldatasource id="XmlDataSource1" runat="server" datafile="~/Config/DropDownListData.xml"> </asp:xmldatasource></asp:Content>
MasterPage/Test.aspx.cs
using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class MasterPage_Test : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { // 在内容页用FindControl方法找到内容页中的控件 DropDownList ddl = new DropDownList(); ddl = Master.Master.FindControl("ContentPlaceHolder1").FindControl("cph").FindControl("ddlPage") as DropDownList; Master.Master.FindControl("ContentPlaceHolder1").FindControl("cph").Controls.Add(new LiteralControl("<br />内容页中的DropDownList的ClientID是：" + ddl.ClientID)); // 增加一个事件处理，该事件是在母版页定义的一个公共事件 Master.SelectedIndexChanged_ddlMaster += new CommandEventHandler(Master_SelectedIndexChanged_ddlMaster); } void Master_SelectedIndexChanged_ddlMaster(object sender, CommandEventArgs e) { // CommandEventArgs已经在母版页中的公共事件“SelectedIndexChanged_ddlMaster”中指定 string selectedText = e.CommandName; string selectedValue = e.CommandArgument.ToString(); ddlPage.SelectedValue = selectedValue; } protected void ddlPage_SelectedIndexChanged(object sender, EventArgs e) { // 调用母版页的方法 Master.SetddlMaster(ddlPage.SelectedIndex); }}
OK
[源码下载]
介绍
使用 ASP.NET 2.0 的“主题”功能，可以将样式和布局信息分解为单独的文件组，统称为“主题”。然后，主题可应用于任何站点，影响站点中页和控件的外观。这样，通过更改主题即可轻松地维护对站点的样式更改，而无需对站点各页进行编辑。还可与其他开发人员共享主题。
关键
1、在web site中添加App_Themes文件夹，可以在每个主题文件加内添加.skin文件、.css文件（指定主题后会自动加载主题下所有.css文件）或者图片文件
2、在web.config的<system.web>元素下的<pages>元素下设置theme或者styleSheetTheme属性（针对全局）；在页的@Page指令里设置Theme或者StylesheetTheme属性（针对当前页）
3、Theme定义的样式不可以覆盖；StylesheetTheme定义的样式可以覆盖
4、.skin文件里不设置SkinId则就是默认的，设置了SkinId后则对应控件的SkinId属性
5、动态修改Page的Theme要在Page_PreInit方法中实现
示例
Blue主题
<asp:Label runat="server" BackColor="blue" ForeColor="white" /><asp:Label runat="server" BackColor="DarkBlue" ForeColor="white" SkinId="Dark" /><%--ImageUrl如下设置则解析到该主题下的Images文件夹的pic.jpg文件--%><asp:Image runat="server" ImageUrl="Images/pic.jpg" />
Red主题
<asp:Label runat="server" BackColor="red" ForeColor="white" /><asp:Label runat="server" BackColor="DarkRed" ForeColor="white" SkinId="Dark" /><%--ImageUrl如下设置则解析到该主题下的Images文件夹的pic.jpg文件--%><asp:Image runat="server" ImageUrl="Images/pic.jpg" />
主题测试-Theme
Themes/Theme.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Theme.aspx.cs" Inherits="Themes_Theme" Title="主题测试-Theme" Theme="Blue" %><asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <p> 在页头部分指定Theme="Blue"</p> <p> 相关主题文件，我觉得最好把样式写在css里然后设置控件的CssClass属性 <br /> <asp:Label ID="Label1" runat="server" BackColor="blue" ForeColor="white" /> <br /> <asp:Label ID="Label2" runat="server" BackColor="DarkBlue" ForeColor="white" SkinId="Dark" /> </p> <p> <asp:Label ID="lbl" runat="Server" Text="不做任何设置（使用主题中的没设置SkinId的样式）" /> </p> <p> <asp:Label ID="lbl2" runat="Server" Text="设置BackColor为black（因为设置的是页的Theme属性，所以无法覆盖原有样式）" BackColor="black" /> </p> <p> <asp:Label ID="lbl3" runat="Server" Text="主题测试设置SkinID为dark（指定SkinId）" SkinID="dark" /> </p></asp:Content>
主题测试-StylesheetTheme
Themes/StylesheetTheme.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="StylesheetTheme.aspx.cs" Inherits="Themes_StylesheetTheme" Title="主题测试-StylesheetTheme" StylesheetTheme="Red" %><asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <p> 在页头部分指定StylesheetTheme="Red"</p> <p> 相关主题文件，我觉得最好把样式写在css里然后设置控件的CssClass属性 <br /> <asp:Label ID="Label1" runat="server" BackColor="red" ForeColor="white" /> <br /> <asp:Label ID="Label2" runat="server" BackColor="DarkRed" ForeColor="white" SkinId="Dark" /> </p> <p> <asp:Label ID="lbl" runat="Server" Text="不做任何设置（使用主题中的没设置SkinId的样式）" /> </p> <p> <asp:Label ID="lbl2" runat="Server" Text="设置BackColor为black（因为设置的是页的StylesheetTheme属性，所以无法覆盖原有样式）" BackColor="black" /> </p> <p> <asp:Label ID="lbl3" runat="Server" Text="主题测试设置SkinID为dark（指定SkinId）" SkinID="dark" /> </p></asp:Content>
主题测试-动态加载主题
Themes/Dynamic.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Dynamic.aspx.cs" Inherits="Themes_Dynamic" Title="主题测试-动态加载主题" %><asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <p> 相关.skin文件内容如下：<asp:Image runat="server" ImageUrl="Images/pic.jpg" /> </p> <p> <a href="?theme=blue">蓝色主题</a> <a href="?theme=red">红色主题</a> </p> <p> 该Image控件应用主题中的样式，包括ImageUrl <br /> <asp:Image ID="img" runat="server" /> </p></asp:Content>
Themes/Dynamic.aspx.cs
using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class Themes_Dynamic : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { } protected void Page_PreInit(object sender, System.EventArgs e) { // 动态修改Page的Theme要在Page_PreInit方法中实现 if (!String.IsNullOrEmpty(Request.QueryString["theme"])) { Page.Theme = Request.QueryString["theme"]; } else { Page.Theme = "blue"; } }}
OK
[源码下载]