第章页面设计.pptVIP

目标 母版页 在Web应用开发过程中，经常会遇到Web应用程序中的很多页面的布局都相同的这种情况。在ASP.NET中，可以使用CSS和主题减少多页面的布局问题，但是CSS和主题在很多情况下还无法胜任多页面的开发，这时就需要使用母版页和内容页。 母版页可以为Web应用程序创建统一的页面布局和外观，也可以为应用程序中的所有页面或某一模块的所有页面定义其共通的外观和操作。开发人员只需创建各自所需的内容页面，当程序运行时，这些内容页面会和母版页合并，并结合母版页中设置的布局在客户端一起输出。 母版页和内容页 母版页是扩展名为.master的ASP.NET文件。使用“@Master”指令来标识，其使用语法如下所示。 母板页与内容页的区别： 所有的Web窗体由Page指令开始，而母版页由Master指令开始，Master指令中的属性与Page指令相同； ContentPlaceHolder控件只能在母版页中使用，而不能出现在普通.Web窗体中。 母版页的优点 在ASP.NET中使用母版页具有如下几个优点： 集中处理页面的共通功能，便于维护和更新； 可以方便的创建一组控件和代码，并将其作用于一组页面，如在母版页中创建树形菜单； 通过允许控制占位符的呈现方式，母版页可以让开发人员在细节上控制最终页面的布局。 创建母版页-1 在解决方案“ch09”中的网站上点击右键，选择“添加新项”，选择“母版 页”，指定一个名称（例如SiteTemplate.master），然后单击“添加”按 钮 。 创建母版页-2 创建的母板页默认包含两个ContentPlaceHolder控件，一个用于定义head区域，允许内容页面能够增加页面元数据，比如当前页面编码、样式表链接或JavaScript链接等。另一个用于定义body区域，代表页面显示的内容。可以根据具体情况在两个定义的区域中编写特定的内容。 内容页 每个内容页引用一个母版页并获得其布局和内容。此外，内容页可以 在任意的占位符里加入页面特定的内容，即通过创建各个内容页来填充 母版页中占位符控件的内容。内容页通过在“@Page”指令中设置 “MasterPageFile”属性来指定其使用的母版页 。例如： 创建内容页-1 在解决方案“ch09”中的网站上点击右键，选择“添加新项”，选择“Web内 容窗体”，指定一个名称（例如ContentForm.aspx），并选择“选择母版 页”，然后单击“添加”按钮，如下图所示。 创建内容页-2 创建完成后，弹出如下图所示窗口，选择特定的母版页，点击“确定”。 Visual Studio会自动为母版页里的每个ContentPlaceHolder创建一个 Content控件。 创建内容页-3 在已经创建的母版页的基础上，创建内容页 。代码如下所示。 母版页和内容页 内容页的运行及编译原理如下： 用户首先在浏览器中输入网页的URL地址，发出对该页面的请求； 获取该页面后，Web服务器引擎读取页面的@Page指令。如果该指令包含了对某个母版页的引用，则在读取请求页的同时，也读取该母版页。如果该页面是第一次被访问，则系统对于这两个页都进行编译； 后台引擎将母版页的内容合并到内容页的相应占位符控件中； 各个Content控件的内容合并到母版页中相应的ContentPlaceHolder控件中； 浏览器将最终合并完整的页面展现给用户。 站点导航 好的导航系统能够使用户在多个页面间方便的来回浏览，从而增加了网站的可操作性。 ASP.NET提供了内置的站点导航技术，使得开发人员创建站点导航时更加方便和快捷。 站点导航由如下三个部分组成 ： 导航控件：使用站点导航控件可以轻松的建立导航信息，站点导航控件包括三种控件，分别是Menu、TreeView、SiteMapPath； 站点地图：是描述站点逻辑结构的文件，该文件实际上是一个XML结构的文件，在网站中添加和删除页面的时候，开发人员只需要更改站点地图文件就可以管理页的导航，而不需要修改各个页面本身的导航链接； 站点地图提供程序：用于读取站点地图XML文件，默认情况下，站点地图提供程序读取的是Web.sitemap文件，并直接通过这个文件创建SiteMap对象，再将导航信息显示到页面上。 站点导航控件 导航控件Menu和TreeView控件都用于维护显示“名称/URL”映射的集合，这些集合可以手动进行编辑。这些控件能够基于站点地图数据源信息构建用于显示“名称/URL”映射的层级集合。 SiteMapPath控件单独地通过站点地图数据源构建用于显示“名称/URL”映射的集合 。 TreeView控件 TreeView 控件用于在树结构中显示分层数据。 TreeView控件由节点组成，树