使用站点导航控件和母版页.doc

第5章 使用站点导航控件和母版页 本章导读 Web应用开发中有一个非常重要的环节就是站点风格的统一。例如，可以在每个页面的左上角显示站标（logo），在固定的位置显示站点的主题文字，从而加深浏览者的印象，并突出站点主题。ASP.NET提供了一种比较简单的方法保持风格的统一，那就是使用母版页。 母版页是ASP.NET2.0新增的一个重用技术，母版页是一个以“.master”作为后缀名的文件，它可以把页面上的公用元素（如网站Logo、广告条、导航条等）整合到一个可以共享的通用页面上。母版页为应用程序的所有页面或者一组特定页面提供统一的页面布局和设计风格，有利于站点修改和维护，并且降低了应用程序开发和维护的成本。 在平时上网的时候，总有各种各样的导航，我们单击链接，就可以导航到该页面。在ASP.NET中可以使用导航控件实现站点的导航。 本章将通过实例来详细介绍站点导航控件和母版页的使用方法，并使用站点导航控件和母版页布局新闻发布系统页面。 学习目标： 1．掌握各种站点导航控件的使用方法； 2．掌握创建母版页和生成内容页的方法； 3．熟练使用常用的Web服务器控件。 学习任务： 1．建立新闻发布系统导航系统； 2．为新闻发布系统后台构建母版页。 5.1使用导航控件 一个好的Web站点应该为用户提供站点导航功能。在ASP.NET2.0中提供了用于页面导航的控件，使用这些控件就可以实现站点的导航。在学习导航控件之前我们先介绍站点地图文件。 5.1.1站点地图 为了使用ASP.NET2.0的导航功能，必须有一种标准的方法描述站点中的每个页面。这个标准不仅包含每个网页的名称，还应该能够表明它们的层次结构关系。比如，网易的站点，有可能就是这样一个导航路径：网易→新闻中心→国内新闻。 在ASP.NET中，有一个叫做站点地图的文件包含这些信息。站点地图是一个XML文件，用来描述站点的结构信息。站点地图文件名必须为Web.sitemap，并且要放置于站点的根目录。 可以使用如下方法创建站点地图文件： （1）在“解决方案资源管理器”中鼠标右键单击站点，在弹出的快捷菜单中选择“添加新项”命令，打开“添加新项”对话框，如图5-1所示。在“模板”列表框中选择“站点地图”选项，单击“添加”按钮。这时将在站点根目录下创建一个名为Web.sitemap的站点地图文件，同时打开站点地图文件。 图5-1“添加新项”对话框 （2）编写站点地图文件代码。 例如，下面这段代码就是站点地图的代码： ?xml version=1.0 encoding=utf-8? siteMap xmlns=/AspNet/SiteMap-File-1.0 siteMapNode title=新闻中心 description= url=Default.aspx siteMapNode title=国内新闻 url=news1.aspx description= / siteMapNode title=国际新闻 url=news2.aspx description=/ /siteMapNode /siteMap 其中各节点描述如下： ◆siteMap：为根节点，一个站点地图只能有一个siteMap元素。 ◆siteMapNode：对应于页面的节点，一个节点描述一个页面。 ◆url：用于设置节点导航的URL地址。是可选的，如果提供的话，站点地图中的每一个URL必须是唯一的。 ◆title：提供链接的文本描述。 ◆descrption：设置节点说明性文本，并提供光标停留时显示的内容。 编写站点地图的注意事项如下： （1）站点地图根节点为siteMap元素，每个文件有且仅有一个根节点。 （2）siteMap下一级有且仅有一个siteMapNode节点。 （3）siteMapNode下面可以包含多个新的siteMapNode节点。 （4）站点地图中，同一个URL仅能出现一次。 5.1.2使用SiteMapPath控件 在站点的设计中，我们需要给用户提供一个方便的路径，比如图5-2所示的网易新闻导航。 图5-2网易新闻导航 这就是典型的面包屑导航。该导航显示了从站点的首页（根节点）到当前页面之间的路径。 SiteMapPath控件用来指示页面在站点的逻辑位置的导航，这种类型的导航可以帮助用户理解站点结构。通过该导航，可以迅速找到相关的位置。 SiteMapPath控件必须与站点地图文件相结合，如果当前站点中有已经编写好的站点地图文件，只要将SiteMapPath控件拖到页面中，该控件将会自动与站点地图文件结合，而不需要编写代码。 SiteMapPath控件只能显示从根节点到当前节点之间的路径，通过单击超链接可以转向某个页面，而不能向前选择页面。表5-1列出了