重新过一遍asp.net 2.0(C#)母页和主题

介绍
母版页（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  />
         &lt; asp:Label ID="Label1" runat="server" BackColor="blue" ForeColor="white" / &gt;
         < br  />
         &lt; asp:Label ID="Label2" runat="server" BackColor="DarkBlue" ForeColor="white"
        SkinId="Dark" / &gt;
     </ 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  />
         &lt; asp:Label ID="Label1" runat="server" BackColor="red" ForeColor="white" / &gt;
         < br  />
         &lt; asp:Label ID="Label2" runat="server" BackColor="DarkRed" ForeColor="white" SkinId="Dark"
        / &gt;
     </ 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文件内容如下： &lt; asp:Image runat="server" ImageUrl="Images/pic.jpg" / &gt;
     </ p >
     < p >
         < a  href ="?theme=blue" > 蓝色主题 </ a >   &nbsp; < 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
[源码下载]

转载于:https://www.cnblogs.com/hulu/archive/2007/06/27/797850.html