基于C#的程序设计第3版教学课件ppt作者主编翁健红言海燕ch9课件.pptVIP

第9章 母板页与主题  本章目标 母版页 主题与外观 用户控件 母版页 母版页概述 ASP.NET2.0中提供了母版页（Master页面）来简化设计，母版页（Master页面）可以为应用程序中的所有页面定义标准的布局和操作方式。 母版页的扩展名为“master” 母版页和其他页面主要的区别在于，Master page包含占位符ContentPlaceHolder ，ContentPlaceHolder控件起到一个占位符的作用 母版页应用实例 【例9-1】站点9－1 将已建成的网页放入母版页 (1) 打开已建成的网页，进入它的代码界面，在页面指示语句中增加与母版页的联系。为此需增加以下属性，其中~/MasterPage.master代表母版页名。 %@Page Language=C# MasterPageFile= ~/MasterPage.master AutoEventWireup=… (2) 由于在母版页中已经包含有HTML、Head、Body、Form等标记，因此在网页中要删除所有这些标记，以避免重复。同样，类似于H1/H1的标记也要删除(div标记不要删除)。 (3) 在剩下内容的前后两端加上Content标记，并增加Content的ID属性，Runat属性以及ContentPlaceHolderID属性，后者的值(这里是ContentPlaceHolder1)应该与母版页中的网页容器相同。修改后的语句结构如下： asp:Content ID=bodyContent ContentPlaceHolderID=ContentPlaceHolder1 Runat=Server div … /div /asp:Content 就是说修改后的代码中除页面指示语句以外，所有语句都应放置在asp:Content与/asp:Content之间。 母版页的嵌套 母版页也可以进行嵌套，即将父母版页作为子母板页的母版页，然后在页面中可以直接引用子母版页。不过作为嵌套的母版页，不支持Visual Studio 2005的“设计”视图，要对子母版页或者引用子母版页的内容页进行编辑，只能在“源”视图下进行。如果将嵌套的母版页切换到“设计”视图时，会弹出警告框。在项目开发中，除非有特殊要求，一般不推荐使用嵌套母板页。 内容页中访问母版页中的内容 由于在运行时，母版页与内容页将会合并在一起，从而构成最终的页面，因此内容页的代码可以访问母版页中的控件。具体用法是在内容页后台代码中调用FindControl方法获取对母版页中控件的引用。 【例9-2】站点9－1 主题与外观 外观可以理解成对服务器控件的样式定义，以．skin文件来存放对页面中各个控件的属性设置，这些属性值将应用于Web应用程序中的同类控件中。 主题就是一组属性定义的集合，将样式、外观以及其他文件如JavaScript文件、图像文件、资源文件等综合放置在一个特殊的文件夹中就形成一个主题。 主题与外观概述 1．外观文件 外观文件以“.skin”为后缀，为一批服务器控件定义外貌。例如，可以定义一批TextBox或者Button服务器控件的底色、前景色；定义GridView控件的头模板、尾模板的样式等。对控件显示属性的定义必须放在的外观文件中；外观文件必须放在“主题目录”下，而主题目录又必须放在专用目录App_Themes的下面。 2．主题 主题是ASP.NET 2.0中新增的一项功能，存在于网站根目录下App_Themes文件夹中。它允许开发者将页面的样式和布局信息，存放到一个独立的文件中，总称为主题（Theme）。接下来，可以将该主题应用于任何站点，来控制站点中页面和控件的外观。通过对主题的切换，便可以轻松的实现网站风格的切换。 3．样式 一个主题中除了外观文件外，还有样式文件，即*css文件，在ASENET 2．0中，HTML控件和ASP.NET服务器控件都支持Style对象，用来定义该控件的样式。CSS样式可以定义控件的静态行为。 外观文件(.skin文件)和样式表文件(.CSS文件)的主要区别如下： (1)级联样式表只能用来定义HTML的标记。而外观文件可以用来定义服务器控件。 (2)可以通过外观文件使页面中的多个服务器控件具有相同的外观，而如果用样式表来实现，则必须设置每个控件的CssClass属性，才能将样式表中定义的CSS类应用于这些控件，非常烦琐。 (3)使用样式表文件虽然能够控制页面中各种元素的样式，但是有些服务器控件的属性却无法用样式表控制，而外观文件则可以轻松完成这些功能。 【例9-3】站点9-2 将主题文件应用于整个应用程序 为了将主题文件应用于整个应用项目，可以在应用项目根目录下的