第8章网站的导航.pptVIP

第8章 网站的导航 网站中网页比较多的时候，就必须用到网站导航。使用导航，可以方便地回到网站首页及其他相关内容的页面。在ASP.NET中，实现网站导航是比较容易的。最常见的网站导航系统是网站的栏目设置，在栏目之下还可以设计其他的导航。栏目的导航最简单，一般形式为：首页一级栏目二级栏目三级栏目内容页面。ASP.NET提供的网站地图，也可以理解为网站导航系统的一部分。 本章学习的内容有： 认识网站导航的作用 学习ASP.NET中的导航控件 学习站点地图的创建 使用导航地图实现网站的导航 深入学习站点题图 8.1 网站导航概述 可以使用ASP.NET站点导航功能为用户站点提供一致的导航方法。随着站点内页面数量的增加，读者在站点内来回浏览的次数也增加，管理所有的链接就会变得很困难。ASP.NET站点导航功能使读者能够将指向所有页面的链接存储在一个中央位置，并在列表中呈现这些链接，或用一个特定Web服务器控件在每页中呈现导航菜单。 8.1.1 站点导航的功能 下面给出ASP.NET提供的主要站点导航功能。 站点地图 ASP.NET控件 编程控件 访问规则 自定义站点地图提供程序 8.1.2 网站的结构和布局 通过ASP.NET站点导航，可以按层次结构描述站点的布局。 8.1.3 站点导航控件 ASP.NET提供了一系列的站点导航控件，使开发者可以很容易地建立站点地图。 SiteMapPath TreeView Menu 8.1.4 站点导航组件之间的关系 下图演示了各个ASP.NET站点导航组件之间的关系，其中对前面讲解的3个站点导航控件都给出了示例。 8.2 站点地图 一个网站导航，有可能类似于一些静态页面上简单的超级链接，也有可能包含一些复杂的菜单和树形控件。但是在做这些工作之前，必须得到该站点的逻辑结构。一般情况下，网站的逻辑结构都会被定义到一个站点地图文件中。一旦创建了站点地图，接着就可以根据站点地图中定义的网站逻辑结构，来设计网站的导航用户接口，即网站导航ASP.NET 4.0把这些信息保存在一个名称为web.sitemap的XML文件中。该文件可以作为菜单和导航控件的数据源。 8.2.1 创建站点地图 站点地图文件是导航的基础，在其基础上，再去设计导航的样式。下面就来创建一个站点地图文件。 （1）打开Visual Studio 2010的网站工作界面后，右击网站项目，在弹出的快捷菜单中单击“添加新项”命令，打开“添加新项”窗口。 （2）在“添加新项”窗口中单击“站点地图”命令后，再单击“添加”按钮。 （3）此时就会在网站根目录下生成一个名为web.sitemap的地图文件。这是一个标准的XML文件，打开后，可以看到自动生成了以下代码。 8.2.2 一个完整的站点地图 站点地图如何查找一个三层结构的简单站点。url属性可以以快捷方式“~/”开头，该快捷方式表示应用程序根目录。 8.3 使用导航地图实现网站导航 前面学习了导航的一些基础结构、布局、控件和地图。本节利用前面所学习的知识，学习如何在ASP.NET站点中使用网站导航。 8.3.1 制作导航条 上一节中，创建了一个站点地图文件，即得到了该站点的逻辑结构。本节就来根据该逻辑结构为该站点制作导航条。这里以一个树形导航条来做演示。 8.3.2 实现导航路径 如何通过使用“SiteMapPath”控件的方式，来获取页面导航中的相关数据，从而跟踪用户在网站中的行动轨迹，并进行站点数据统计呢？这在一个页面众多、内容丰富的网站中极为重要。使用该控件，可以使用户随时随地看到自己当前所在网站的具体位置。为了方便演示，笔者又新建了一个产品页面Products.aspx。 8.3.3 制作导航菜单 继续新建一个页面UserMenu.aspx，向该页面中加入一个menu控件，再添加一个SiteMapDataSource控件，对menu控件进行必要的设置。 8.4 在母版页中添加导航 通常，一个友好的个性化站点都有着一致的、统一的页面布局和导航体系。在ASP.NET引入的两个新特性，为开发人员在统一站点的页面布局和站点导航上，提供了简单而有效的工具，它们分别是母版页和站点导航。 8.5 遍历站点地图 可以使用导航控件在网页中添加站点导航，这只需编写很少的代码或无需代码，但也可以通过编程方式使用站点导航。导航控件（如SiteMapPath控件）使用SiteMap和SiteMapNode对象来自动呈现适当的链接。 8.6 配置多个站点地图 前面介绍的都是一个站点地图文件，本节就来介绍多站点地图的使用方法。 8.6.1 在父站点中链接子站点 siteMapFile属性可以是以下3种形式之一。 1.一个与应用程序相关的引用，如“~/SiteMap.sitem