第8章 .NET 2.0高级特性

<asp:Label SkinID="Blue" runat="server"
BackColor="WhiteSmoke" BorderColor="#FFC0FF" BorderStyle="Solid" BorderWidth="10px" ForeColor="Blue"></asp:Label>
区域，其设计方法与一般页面的设计方式相同。可
编辑区通过ContentPlaceHolder版页中可以有
一个可编辑区，也可以有多个可编辑区。
8.2.1 母版页和内容页的基本概念
引用母版页的Web窗体页面称为内容页。在内容 页中，母版页中ContentPlaceHolder控件预留的可 编辑区会自动替换为Content控件，开发人员只需要 在Content控件区域中填写内容页中不同的内容即可， 在母版页中定义的其他内容将自动出现在引用了该 母版页的.aspx页面中，无须再重复设计。
夹”→“主题”，系统就会自动判断是否已经存在
App_Themes文件夹，如果不存在改文件夹，就自动
创建它，并在该文件夹下添加一个主题；如果已经 存在该文件夹，就直接在该文件夹下添加新的主题。 （2）在主题目录下添加外观控制文件和资源文件。
8.1.1 创建和应用主题和外观
（3）打开.aspx文件，切换到“设计”视图，用 鼠标右键单击选择“属性”，在“属性”窗口顶部 下拉列表中，选中“Document”，在列表中定位到 “StyleSheetTheme”，设置其值为某个主题名称， 本页面就会自动套用主题内的外观控制文件和资源 文件。
8.1.1 创建和应用主题和外观
2．给网站应用主题 每个应用程序中都包括多个页面，并且为了保证 和谐统一的用户界面，可以让所有页面使用同一主 题。如果为在每个页头都设置相同的 StyleSheetTheme属性值，那么非常麻烦。为了快速 地为整个应用程序中所有页面设置相同的主题，可 以设置Web.Config文件的<pages>配置节内容，如下 所示： <configuration><system.web><page theme="sam pleTheme" /> </system.web></configuration>
8.1.2 创建主题和皮肤举例
<asp:Label runat="server" BackColor="#C0C0FF"
BorderColor="Silver" BorderStyle="Solid"
BorderWidth="10px" ForeColor="OrangeRed"></asp:Label>
8.2.2 创建和使用母版页与内容页
其中页头和页脚的文字都是灰色的，只能在Content中进行编辑。 （6）保存后访问Default2.aspx这个页面，可以看到最终的页面结果， 如图8.13所示。
图8.13 运行结果
8.2.3 从内容页中访问母版页
1．访问母版页中的控件 由于在运行时，母版页与内容页将合并在一起， 从而构成最终的页面，因此内容页的代码可以访问 母版页中的控件。具体方法是在内容页后台代码中 调用FindControl方法获取对母版页中控件的引用。 FindControl方法的原型为
public override Control FindControl(String id)，
其中id表示母版页中控件的ID名称
8.2.3 从内容页中访问母版页
2．访问母版页中的公共属性 为了提供对母版页中成员的访问，Page类提供了 一个Master属性。要从内容页中访问指定的母版页 的成员，可以通过在内容页内创建@MasterType指 令来创建对此母版页的强类型引用，该指令的常用 形式如下： <%@ MasterType VirtualPath="" %> 假如有一个名为MasterPage1.master的母版页， 其对应的类名为MasterPage1。在MasterPage1类中， 声明了一个TrueName属性，则可以在内容页代码视 图的顶部添加如下代码：
母版页和内容的结构关系如图8.6所示。
8.2.1 母版页和内容页的基本概念
图8.6 母版页和内容页的结构关系
8.2.1 母版页和内容页的基本概念
为了建立起母版页内的ContentPlaceHolder控件 和内容页中的Content控件之间的关系，Content控 件的“ContentPlaceHolderID”属性设置了本 Content控件所对应的ContentPlaceHolder控件的ID。 代码结构如图8.7所示。 使用母版页的好处是，开发者可以统一管理和定 义页面，使多个页面具有相同的布局风格，给网页 的设计和修改带来了很大的方便。 在运行时，用户和浏览器将按照以下步骤使用内 容页。 （1）用户输入内容页的URL请求某网页。
8.2.3 从内容页中访问母版页
<%@ MasterType VirtualPath="MasterPage1.master" %> 然后在内容页的后台代码中，通过 Master.TrueName读取和设置母版页中TrueName属 性的值。
8.2.1 母版页和内容页的基本概念
图8.7 母版页和内容的代码关系
8.2.1 母版页和内容页的基本概念
（1）用户输入内容页的URL请求某网页。 （2）服务器获取该页后，读取页中的@Page指 令，若该指令引用一个母版页，则也读取母版页。 如果用户第一次请求这两个页，那么两个页都要进 行编译。 （3）服务器将包含的母版页合并到内容页的控 件树中。 （4）服务器将页面中各个Content控件的内容合 并到母版页中相应的ContentPlaceHolder控件中。 （5）服务器将合并后的内容发送给客户端，客 户端在浏览器中呈现合并后的网页。
（7）在“解决方案资源管理器”中，添加一个ThemeExample.aspx
的文件，切换到“设计”视图，用鼠标右键单击选择“属性”，在“属 性”窗口顶部下拉列表中，选中“Document”，在列表中定位到
“StyleSheetTheme”，设置其值为“主题1”。
8.1.2 创建主题和皮肤举例
（8）向“ThemeExample.aspx”文件中拖放两个Label控件，会发现 两个控件自动以如图8.4所示的方式显示。
（9）修改Label2的SkinID属性为“Blue”，则Label2会自动换成如图
8.5所示的外观。
图8.4 应用主题1
图8.5 应用主题2
8.2 母版页和内容页
8.2.1 母版页和内容页的基本概念
母版页是指其他网页可以将其作为模板来引用的 特殊页面。母版页的扩展名为.master。在母版页中， 页面被分成公用区和可编辑区。公用区是多个内容 页中共同的区域，可编辑区是内容页中可以编辑的
8.1.1 创建和应用主题和外观
（2）在网站内添加一个临时的Web窗体文件 Temp.aspx，在“设计”视图下，将需要设置外观的 控件拖放到页面中，最好一行放置一个控件，方便 代码查看。 （3）将相应控件的源代码复制到外观文件 “SkinFile.skin”中，并去掉控件的ID属性和其他 个性化描述属性。 （4）如果源代码中同种控件出现多个，则需给 控件添加不同的SkinId属性。当Web窗体页面内的 控件的SkinID属性值和某SkinID属性值相同时，就 会采用此外观效果。
8.1.2 创建主题和皮肤举例
【例8-1】 举例说明创建和应用主题和皮肤的过程。 （1）运行Visual Studio 2005，新建站点Theme。
（2）在“解决方案资源管理器”中，用鼠标右键单击项目名，选择
“添加”→“添加文件夹”→“主题”，系统会自动创建 App_Themes目录，并在该目录下创建“主题1”目录。
（4）保存MasterPage1.master后就可以用它来做其他页面了。有两种 方法可以添加新网页。
① 直接从主控页中生成新网页。具体步骤：打开母版页，切换到“设
计”视图；用鼠标右键单击ContentPlaceholder控件，在打开的菜单中选 择“添加内容页”命令；此时新网页将被嵌入到模板中，与母版页形成一
网页设计与ASP技术
第8章 2.0高级特性
8.1 主题和外观 8.2 母版页和内容页
8.3 站点导航
8.1 主题和外观
8.1.1 创建和应用主题和外观
1．创建和应用主题的基本步骤
创建和应用主题的基本步骤如下。
（1）在“解决方案资源管理器”中，用鼠标右键
单击项目名，选择“添加”→“添加文件
Inherits="Default2" Title="Untitled Page" %> <asp:Content ID="Content1"
ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
</asp:Content> 可以看到一个Content控件，它对应母版页的ContentPlaceHolder1控 件，转换到视图页面，如图8.12所示。
8.2.2 创建和使用母版页与内容页
【例8-2】 下面进行一个简单的母版使用演示。 （1）打开Visual Studio 2005，新建一个网站，网站名称为 Master。 （2）在“解决方案资源管理器”中，单击鼠标右键新建一个新项， 选择母版页。命名为MasterPage1.master。如图8.8所示。