您的位置：首页 > 编程语言 > ASP

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

2007-06-27 16:30 330 查看

介绍
母版页（MasterPage）就相当于模板页，挺简单的，没什么好说的。基于母版页的常用的功能有：母版页和内容页之间信息的传递，在内容页中用FindControl方法找到内容页中的控件等。另外，母版页是可以嵌套的。

关键
在内容页的头部加上母版页的强类型引用

<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

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

我是一个嵌套母版页


母版页中的内容
<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>


内容页中的内容
<asp:ContentPlaceHolder ID="cph" runat="Server" />

</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

内容页
MasterPage/Test.aspx

<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

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" />

<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" />

<asp:Image runat="server" ImageUrl="Images/pic.jpg" />

主题测试-Theme
Themes/Theme.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

在页头部分指定Theme="Blue"

相关主题文件，我觉得最好把样式写在css里然后设置控件的CssClass属性
 
<asp:Label ID="Label1" runat="server" BackColor="blue" ForeColor="white" />
 
<asp:Label ID="Label2" runat="server" BackColor="DarkBlue" ForeColor="white"
SkinId="Dark" />


<asp:Label ID="lbl" runat="Server" Text="不做任何设置（使用主题中的没设置SkinId的样式）" />


<asp:Label ID="lbl2" runat="Server" Text="设置BackColor为black（因为设置的是页的Theme属性，所以无法覆盖原有样式）" BackColor="black" />


<asp:Label ID="lbl3" runat="Server" Text="主题测试设置SkinID为dark（指定SkinId）" SkinID="dark" />

</asp:Content>

主题测试-StylesheetTheme
Themes/StylesheetTheme.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

在页头部分指定StylesheetTheme="Red"

相关主题文件，我觉得最好把样式写在css里然后设置控件的CssClass属性
 
<asp:Label ID="Label1" runat="server" BackColor="red" ForeColor="white" />
 
<asp:Label ID="Label2" runat="server" BackColor="DarkRed" ForeColor="white" SkinId="Dark"
/>


<asp:Label ID="lbl" runat="Server" Text="不做任何设置（使用主题中的没设置SkinId的样式）" />


<asp:Label ID="lbl2" runat="Server" Text="设置BackColor为black（因为设置的是页的StylesheetTheme属性，所以无法覆盖原有样式）" BackColor="black" />


<asp:Label ID="lbl3" runat="Server" Text="主题测试设置SkinID为dark（指定SkinId）" SkinID="dark" />

</asp:Content>

主题测试-动态加载主题
Themes/Dynamic.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

相关.skin文件内容如下：<asp:Image runat="server" ImageUrl="Images/pic.jpg" />


<a href="?theme=blue">蓝色主题</a> <a href="?theme=red">红色主题</a>


该Image控件应用主题中的样式，包括ImageUrl
 
<asp:Image ID="img" runat="server" />

</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

OK
[源码下载]

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航