江西财经大学软件与通信工程学院A SP.NET程序设计课件 第10章.ppt

第10章 主题、母版、用户控件和Web部件 作者：沈士根、汪承焱、许小东 清华大学出版社 本章要点： 2 掌握建立和使用主题的方法。 理解母版页并能建立母版页。 掌握利用母版页创建一致页面布局的方法。 掌握建立和使用用户控件的方法。 熟练利用Web部件实现用户个性化界面的方法。 目录 3 10.1 主题 10.1.1 主题概述 10.1.2 自定义主题 10.1.3 使用主题 10.2 母版页 10.2.1 母版页概述 10.2.2 创建母版页 10.2.3 创建内容页 目录 4 10.3 用户控件 10.3.1 用户控件概述 10.3.2 创建用户控件 10.3.3 使用用户控件 10.4 Web部件 10.4.1 Web部件概述 10.4.2 使用Web部件 10.4.3 WebPartManager显示模式 10.5 小结 10.1 主题 5 ASP.NET 4.5通过应用主题，来提供统一的外观。 包括外观文件、CSS文件和图片文件等。 10.1.1 主题概述 6 包含了定义页面和控件外观的属性集合. 至少应包含外观文件，另外，还可以包括CSS文件、图片文件及其他资源。 在存储时与一个主题文件夹对应。 可以选择不同的主题显示不同的网站风格。 应用程序主题：存储于网站根文件夹下的App_Themes文件夹中，也就是说，App_Themes文件夹中的每个子文件夹都对应一个应用程序主题。 10.1.2 自定义主题 7 以创建Red主题和Red.skin外观文件为例说明。 SkinID属性：可以为同种类型控件定义多种外观，没有SkinID的则为默认外观，有SkinID的称为已命名外观。 同一主题中不允许同种类型控件有重复的SkinID值。 添加CSS到主题。 添加图片文件到主题。 10.1.3 使用主题 8 可以在单个页面中应用主题，也可以在网站或网站的部分页面中应用主题。 对单个页面应用主题需要使用@ Page指令的Theme或StylesheetTheme属性。如： %@ Page Theme=ThemeName % %@ Page StylesheetTheme=ThemeName % 对网站应用主题 9 通过修改网站的Web.config文件实现。如： configuration system.web pages theme=ThemeName/pages /system.web /configuration 对网站中的部分页面应用某主题 10 方法一：将页面放在一个文件夹中，然后在该文件夹中建立Web.config文件实现主题的配置。 方法二：在根文件夹下的Web.config文件中通过location元素指定子文件夹。如： configuration location path=SubDir system.web pages theme=ThemeName/pages /system.web /location /configuration 禁用主题 11 由控件和页面的EnableTheming属性确定。如：%@ Page EnableTheming=False % asp:Label ID=lblMsg runat=server EnableTheming=False/asp:Label 实例10-1 动态切换主题 12 在本实例中，当选择不同的主题后，页面中的控件将呈现不同的外观。 源程序：Blue.skin 源程序：Green.skin 源程序：Theme.aspx 程序说明 13 在对ddlThemes控件的Items属性进行设置时，将“--请选择主题--”项的Value属性值设置为0，这样在程序中即可容易地判断是否选择了“--请选择主题--”。 Page.Theme属性值的设置必须在Page.PreInit事件的处理代码中进行设置。此时，通过Request[ddlThemes]可获取ddlThemes控件中被选中的值。 因为btnSubmit控件的EnableTheming属性值为False，所以作用于该控件的主题被禁用，使得该控件的颜色不会发生变化。 10.2 母版页 14 利用母版页可以方便快捷地建立统一页面风格的ASP.NET网站，并且容易管理和维护，从而可以大大提高网站设计效率。 10.2.1 母版页概述 15 可以为页面创建一致的布局。 可以集中处理页面的通用功能。 可以方便地创建一组控件和代码。 通过控制占位符控件的呈现方式，可以在细节上控制最终页的布局。 由特殊的@ Master指令识别。 可以使用任何XHTML元素和ASP.NET元素。 10.2.1 母版页概述（续）