【asp源码栏目提醒】:以下是网学会员为您推荐的asp源码-基于C#的ASP.NET程序设计 第2版 教学配套课件 作者 翁健红 主编 ch9 - 职业教育,希望本篇文章对您学习有所帮助。
第9章 母板页与主题 9/11基于C的
ASP.NET程序设计 幻灯片1本章目标 母版页 主题与外观 用户控件 9/11 基于C的
ASP.NET程序设计 幻灯片2母版页 母版页概述
ASP.NET2.0中提供了母版页(Master页面)来简 化设计,母版页(Master页面)可以为应用程序 中的所有页面定义标准的布局和操作方式。
母版页的扩展名为“master” 母版页和其他页面主要的区别在于,Master page 包含占位符ContentPlaceHolder , ContentPlaceHolder控件起到一个占位符的作用 9/11 基于C的
ASP.NET程序设计 幻灯片3母版页应用实例【例9-1】站点9-1 9/11 基于C的
ASP.NET程序设计 幻灯片4将已建成的网页放入母版页 1 打开已建成的网页,进入它的代码界面,在页面 指示语句中增加与母版页的联系。
为此需增加以 下属性,其中/MasterPage.master代表母版页 名。
2 由于在母版页中已经包含有HTML、Head、 Body、Form等标记,因此在网页中要删除所有这 些标记,以避免重复。
同样,类似于 的标记也要删除div标记不要删除。
9/11 基于C的
ASP.NET程序设计 幻灯片53 在剩下内容的前后两端加上Content标记,并增加 Content的ID属性,Runat属性以及 ContentPlaceHolderID属性,后者的值这里是 ContentPlaceHolder1应该与母版页中的网页容器 相同。
修改后的语句结构如下: …就是说修改后的代码中除页面指示语句以外,所有 语句都应放置在与之 间。
9/11 基于C的
ASP.NET程序设计 幻灯片6母版页的嵌套 母版页也可以进行嵌套,即将父母版页作为子母 板页的母版页,然后在页面中可以直接引用子母 版页。
不过作为嵌套的母版页,不支持Visual Studio 2005的“设计”视图,要对子母版页或者引用 子母版页的内容页进行编辑,只能在“源”视图下 进行。
如果将嵌套的母版页切换到“设计”视图 时,会弹出警告框。
在项目开发中,除非有特殊 要求,一般不推荐使用嵌套母板页。
9/11 基于C的
ASP.NET程序设计 幻灯片7内容页中访问母版页中的内容 由于在运行时,母版页与内容页将会合并在一 起,从而构成最终的页面,因此内容页的代码可 以访问母版页中的控件。
具体用法是在内容页后 台代码中调用FindControl方法获取对母版页中控 件的引用。
【例9-2】站点9-1 9/11 基于C的
ASP.NET程序设计 幻灯片8主题与外观 外观可以理解成对服务器控件的样式定义, 以.skin文件来存放对页面中各个控件的属性设 置,这些属性值将应用于Web应用程序中的同类 控件中。
主题就是一组属性定义的集合,将样式、外观以 及其他文件如JavaScript文件、图像文件、资源文 件等综合放置在一个特殊的文件夹中就形成一个 主题。
9/11 基于C的
ASP.NET程序设计 幻灯片9主题与外观概述 1.外观文件 外观文件以“.skin”为后缀,为一批服务器控件 定义外貌。
例如,可以定义一批TextBox或者 Button服务器控件的底色、前景色;定义 GridView控件的头模板、尾模板的样式等。
对 控件显示属性的定义必须放在的外观文件中; 外观文件必须放在“主题目录”下,而主题目录 又必须放在专用目录App_Themes的下面。
9/11 基于C的
ASP.NET程序设计 幻灯片102.主题 主题是
ASP.NET 2.0中新增的一项功能,存在于 网站根目录下App_Themes文件夹中。
它允许开 发者将页面的样式和布局信息,存放到一个独 立的文件中,总称为主题(Theme)。
接下 来,可以将该主题应用于任何站点,来控制站 点中页面和控件的外观。
通过对主题的切换, 便可以轻松的实现网站风格的切换。
9/11 基于C的
ASP.NET程序设计 幻灯片11 9/11基于C的
ASP.NET程序设计 幻灯片123.样式 一个主题中除了外观文件外,还有样式文件,即 css文件,在ASENET 2.0中,HTML控件和
ASP.NET服务器控件都支持Style对象,用来定 义该控件的样式。
CSS样式可以定义控件的静 态行为。
9/11 基于C的
ASP.NET程序设计 幻灯片13外观文件.skin文件和样式表文件.CSS文件的主要区别如下:1级联样式表只能用来定义HTML的标记。
而外 观文件可以用来定义服务器控件。
2可以通过外观文件使页面中的多个服务器控件 具有相同的外观,而如果用样式表来实现,则 必须设置每个控件的CssClass属性,才能将样 式表中定义的CSS类应用于这些控件,非常烦 琐。
3使用样式表文件虽然能够控制页面中各种元素 的样式,但是有些服务器控件的属性却无法用 样式表控制,而外观文件则可以轻松完成这些 功能。
9/11 基于C的
ASP.NET程序设计 幻灯片14【例9-3】站点9-2 9/11 基于C的
ASP.NET程序设计 幻灯片15将主题文件应用于整个应用程序 为了将主题文件应用于整个应用项目,可以在应 用项目根目录下的Web.config文件中进行定义。
例如,要将Themes1主题目录应用于应用项目的所 有文件中,可以在Web.confiog文件中定义如下: 9/11 基于C的
ASP.NET程序设计 幻灯片16主题应用的规则和优先级 (1)如果设置了应用程序或页的Theme属性,则主 题中控件的设置和页中控件的设置将进行合并, 以构成控件的最终设置。
(2)如果同时在控件和主题中定义了控件的属性设 置,则主题中的控件属性设置将重写任何页中的 控件上的设置。
(3)如果将主题通过设置页面的StyleSheetTheme属 性作为样式表主题来应用,则页中的属性设置优 先于主题中属性定义的设置。
(4)当在页级别或容器级别禁用主题时,会对页或 容器包含的所有控件禁用主题,如Panel Web服务 器控件或者用户控件。
9/11 基于C的
ASP.NET程序设计 幻灯片17(5)页面声明中的主题覆盖web.config文件中指定 的所有主题。
(6)如果在web.config里指定了主题,则这个设置 将覆盖页面的StyleSheetTheme设置和页面上的控 件设置。
(7)CSS样式的定义采取就近和后定义的起作用的 原则。
如果前后对一个控件定义了相同的CSS, 那么后面的定义将起作用而忽略前面的定义。
(8).aspx页面中如果设置了, 则
ASP.NET2.0将自动引入主题中的CSS文件。
9在主题文件夹中可以包括图片,这在TreeView、 Menu等服务器控件中使用自定义图片时特别有 用。
这些图片的地址只需要提供与外观文件.skin 的相对路径即可,
ASP.NET2.0会自动调整为正确 的URL地址。
9/11 基于C的
ASP.NET程序设计 幻灯片18用户控件 用户控件User Control是一种自定义的组合控 件,通常由系统提供的可视化控件组合而成。
在 用户控件中不仅可以定义显示界面,还可以编写 事件处理代码。
当多个网页中包括有部分相同的 用户界面时,可以将这些相同的部分提取出来, 做成用户控件。
9/11 基于C的
ASP.NET程序设计 幻灯片19用户控件与网页之间还是存在着一些区别,这些区别包括: 用户控件文件的扩展名为 .ascx而不是.aspx;代码的分 离隐藏文件的扩展名是.ascx.cs而不是.aspx.cs; 在用户控件中不能包含 、和等HTML语言的标记; 用户控件可以单独编译,但不能单独运行。
只有将用 户控件嵌入到.aspx文件中时,才能和
ASP.NET网页一 起运行。
用户控件以指令开始。
用户控件使用文件扩展名.ascx,它们的代码隐藏文件 是从System.Web.UI.UserControl类中继承而来的。
9/11 基于C的
ASP.NET程序设计 幻灯片20
上一篇:
Asp net生命周期
下一篇:
加强公路工程施工技术管理工作的措施