《AS P.NET4.0基础教程课件作者978-7-302-28929-6第05章》由会员分享，可在线阅读，更多相关《AS P.NET4.0基础教程课件作者978-7-302-28929-6第05章（20页珍藏版）》请在金锄头文库上搜索。
1、重点内容： 主题 母版页,第5章 主题、母版页,一、主题,主题是有关页面和控件的外观属性设置的集合，有一组元素组成，包括外观文件、级联样式表(CSS)、图像和其他资源。 主题至少包含外观文件(.skin文件)，主题是在网站或Web服务器上的特殊目录中定义的，一般把这个特殊目录称为专用目录，这个专用目录的名字为App_Themes。App_Themes目录下可以包含多个主题目录，主题目录的命名由程序员自己决定。而外观文件等资源则是放在主题目录下。这里给出一个主题的目录结构示例，如图所示，专用目录App_themes下包含五个主题目录，每个主题目录下包含一个外观文件。,一、主题,1、创建主题,创建
2、主题的过程比较简单，步骤如下： (1) 右键单击要为之创建主题的网站项目，在弹出的菜单中选择“添加ASP.NET文件夹”|“主题”命令。此时就会在该网站项目下添加一个名为App_Themes文件夹，并在该文件夹中自动添加一个默认名为Themes1的文件夹，如图所示。,一、主题,1、创建主题,(2) 右键单击Themes1文件夹，在弹出的菜单里选择“添加”|新建项”命令，此时会弹出“添加新项”对话框，如图所示,该对话框提供了在Themes1文件夹里可以添加的文件的模板。,一、主题,1、创建主题,(3) 在“添加新项”对话框里选择“外观文件”，在“名称”文本框里会出现该文件默认命名SkinFile
3、.skin，这里更换为LabelSkinFile.skin，表示该文件是为Label控件定义的外观文件。单击“添加”按钮，LabelSkinFile.skin就会添加在Themes1目录下。 (4) 双击新建的LabelSkinFile.skin文件，打开该文件，在里面可以看到的代码如程序清单: 2. 默认外观。未定义 SkinId。在同一主题中每个控件类型只允许有一个默认的控件外观。 -%,一、主题,1、创建主题,通过以上几步，可以应用于整个网站项目的主题就建立完成了。此外在建立主题的时候需要注意以下几项： 主题目录放在专用目录App_Themes的下面。 专用目录下可以放多个主题目录。 皮
4、肤文件放在“主题目录”下。 每个主题目录下面可以放多个皮肤文件，但系统会把多个皮肤文件合并在一起，把这些文件视为一个文件。 对控件显示属性的定义放在以“.skin”为后缀的皮肤文件中。,一、主题,2、应用主题,在网页中使用某个主题都会在网页定义中加上“Theme=主题目录”的属性，示例代码如下： 为了将主题应用于整个项目，可以项目的根目录下的Web.config文件里进行配置，示例代码如程序清单: ,一、主题,2、应用主题,示例:主题的使用 这个例子是把在外观文件定义TextBox、Label和Button的属性的主题应用于网页设计中，步骤如下： (1) 按照5.1.2节所讲述的步骤创建出主题
5、目录Skin1。 (2) 在主题目录Themes1下添加外观文件，命名为Skin1.skin。 (3) 在SkinFile.skin里添加代码如程序清单： ,一、主题,2、应用主题,(4) 双击打开Default.aspx文件，切换到“源”视图，加入代码如程序清单： (5) 把Default.aspx文件切换到“设计”视图，从“工具箱”里拖入一个Label控件，一个TextBox空间和一个Button控件，运行效果如图所示。,一、主题,3、SkinID的应用,SkinID是ASP.NET为Web控件提供的一个联系到皮肤的属性，用来标识控件使用哪种皮肤。有时需要同时为一种控件定义不同的显示风格，
6、这时可以在皮肤文件中定义SkinID属性来区别不同的显示风格。例如，在LabelSkinFile.skin文件中对Label控件定义了三种显示风格的皮肤，代码如程序清单: ,一、主题,3、SkinID的应用,添加一个名为SkinIDApplication.aspx的文件，添加代码如程序清单: 无标题页 静夜思 李白 床前明月光，疑是地上霜。 举头望明月，低头思故乡。 ,二、母版页,母版页为具有扩展名.master的ASP.NET文件，它具有可以包括静态文本、HTML元素和服务器控件的预定义布局。母版页由特殊的Master指令识别，该指令替换了用于普通.aspx页的Page指令。该指令类看起来类
7、似下面代码： 除在所有页上显示的静态文本和控件外，母版页还包括一个或多个ContentPlaceHolder控件。ContentPlaceHolder控件称为占位符控件，这些占位符控件定义可替换内容出现的区域。 可替换内容是在是在内容页中定义的，所谓内容页就是绑定到特定母版页的ASP.NET页（.aspx文件以及可选的代码隐藏文件），通过创建各个内容页来定义母版页的占位符控件的内容，从而实现页面的内容设计。 在内容页的Page指令中通过使用MasterPageFile属性来指向要使用的母版页，从而建立内容页和母版页的绑定。例如，一个内容页可能包含Page指令，该指令将该内容页绑定到Master
8、1.master页，在内容页中，通过添加Content控件并将这些控件映射到母版页上的ContentPlaceHolder控件来创建内容，示例代码如程序清单: 主要内容 ,二、母版页,母版页具有下面的优点： 使用母版页可以集中处理页的通用功能，以便可以只在一个位置上进行更新。 使用母版页可以方便地创建一组控件和代码，并将结果应用于一组页。例如，可以在母版页上使用控件来创建一个应用于所有页的菜单。 通过允许控制占位符控件的呈现方式，母版页使您可以在细节上控制最终页的布局。 母版页提供一个对象模型，使用该对象模型可以从各个内容页自定义母版页。 在运行时，母版页是按照下面的步骤处理的： (1) 用户
9、通过键入内容页的URL来请求某页。 (2) 获取该页后，读取Page指令。如果该指令引用一个母版页，则也读取该母版页。如果这是第一次请求这两个页，则两个页都要进行编译。 (3) 包含更新的内容的母版页合并到内容页的控件树中。 (4) 各个Content控件的内容合并到母版页中相应的ContentPlaceHolder控件中。 (5) 浏览器中呈现得到的合并页。,二、母版页,1、创建母版页,母版页中包含的是页面公共部分，即网页模板。因此，在创建示例之前，必须判断哪些内容是页面公共部分，这就需要从分析页面结构开始。在下文中，暂假设页面名为Index.aspx的页面，为某网站中的一页，该页面的结构如
10、图所示。 通过分析可知，页面Index.aspx由4个部分组成：页头、页脚、内容1和内容2。其中页头和页脚是Index.aspx所在网站中页面的公共部分，网站中许多页面都包含相同的页头和页脚。内容1和内容2是页面的非公共部分，是Index.aspx页面所独有的。结合母版页和内容页的有关知识可知，如果使用母版页和内容页来创建页面Index.aspx，那么必须创建一个母版页MasterPage.master和一个内容页Index.aspx。其中母版页包含页头和页尾等内容，内容页中则包含内容1和内容2。,二、母版页,1、创建母版页,示例:母版页的创建 (1) 使用VS创建一个普通Web站点。然后，在
11、站点根目录下创建一个名为MasterPage.master的母版页。由于这是一个添加新文件的过程，因此，右键单击网站，在弹出的快捷菜单中选择“添加”|“新建项”命令，可以打开如图所示的窗口。,二、母版页,1、创建母版页,(2) 选择母版页图标，并且设置文件名为MasterPage.master，单击“确定”按钮，则创建一个MasterPage.master文件和一个MasterPage.master.cs文件。 (3) 在创建MasterPage.master文件之后，接着就可以开始编辑该文件了。根据前文说明，母版页中只包含页面公共部分，因此，MasterPage.master中主要包含的是页
12、头和页尾的代码。具体源代码如程序清单5.22。,二、母版页,1、创建母版页,MasterPage.master文件的设计时视图。,二、母版页,2、使用母版页,向母版页中插入内容页的方法: 在母版页中放入新建网页 在母版页放入存在的网页,(1)在母版页中放入新建网页 (一)在母版页中生成新网页的步骤如下： 打开母版页。 右击ContentPlaceHolder控件，在弹出的菜单里选择“添加内容页”,以确定内含的新网页。如图所示。 右击新网页，选择“编辑主表”，然后可以编辑该网页。,二、母版页,2、使用母版页,(二)在建立新网页时选择母版页步骤如下： 新建一网页，选择复选框项“选择母版页”。如图所
13、示。 单击“添加”按钮后在弹出的对话框中选择项目中存在的母版页。如图所示。 单击“确定”按钮后，新网页就放入母版页中。,二、母版页,2、使用母版页,(1)在母版页中放入存在的网页 通常通过手工加入或修改一些代码来使存在的网页嵌入到母版页中，步骤如下： (一) 进入存在的网页的代码视图，在页面指示语句中增加与母版页相关联的属性，如下代码： 其中MasterPageFile属性是与母版页相关联的属性，其值为相应的母版页文件所在路径。 (二)删除标记，如：、等，因为母版页中已经存在相同的标记，删除它们以避免重复。 (三)增加标记，并添加相应的属性，注意ContenPlaceHolderID的值应与母版页相同。修改后的代码如以下格式： ,
