第11章--网站导航

1、1 2 了解网站导航的含义和实现方法了解网站导航的含义和实现方法 掌握网站地图文件的结构并能合理建立网站掌握网站地图文件的结构并能合理建立网站 地图地图 掌握网站导航控件掌握网站导航控件SiteMapPath、TreeView 和和Menu的用法的用法 掌握母版页中网站导航控件的用法掌握母版页中网站导航控件的用法 3 11.1 网站地图网站地图 11.1.1 网站地图文件网站地图文件 11.1.2 嵌套网站地图文件嵌套网站地图文件 11.2 SiteMapPath控件显示导航控件显示导航 11.3 TreeView控件显示导航控件显示导航 11.3.1 TreeView控件控件 11.3.2

2、使用使用TreeView控件实现导航控件实现导航 11.4 Menu控件显示导航控件显示导航 11.5 母版页中使用网站导航母版页中使用网站导航 11.6 小结小结 4 传统的导航模式传统的导航模式: 通过页面上散布的超链接方式实现通过页面上散布的超链接方式实现 在页面移动或修改页面名称时，开发人员不在页面移动或修改页面名称时，开发人员不 得不进入页面逐个修改超链接，导航难度很得不进入页面逐个修改超链接，导航难度很 大。大。 ASP.NET 3.5中的网站导航系统中的网站导航系统: 可创建网页的集中网站地图可创建网页的集中网站地图 导航的管理变得十分简单。导航的管理变得十分简单。 5 如果要使

3、用网站导航，就需要一种方式来描述如果要使用网站导航，就需要一种方式来描述 网站中网页的层次结构网站中网页的层次结构: 创建一个包含网站层次结构的创建一个包含网站层次结构的XML文件，其中包括文件，其中包括 网页标题和网页标题和URL。XML文件的结构反映了网站的文件的结构反映了网站的 结构，通常称该文件为网站地图文件。结构，通常称该文件为网站地图文件。 网站地图文件：网站地图文件： 每个网页表示为网站地图中的一个每个网页表示为网站地图中的一个 元素。最上面的节点表示主页，子节点表示网站中元素。最上面的节点表示主页，子节点表示网站中 下层的网页。下层的网页。 如果要使用如果要使用ASP.NET

4、3.5的导航系统，就必须的导航系统，就必须 建立网站地图文件。建立网站地图文件。 6 说明：说明：Web.sitemap中根元素中根元素包含了包含了 元素，这些元素，这些元素形成树元素形成树 型文件夹结构，其中第一层型文件夹结构，其中第一层元素即为网元素即为网 站的主页。站的主页。 7 title：表示超链接的显示文本。：表示超链接的显示文本。 description：描述超链接的作用，当鼠标指针指向超：描述超链接的作用，当鼠标指针指向超 链接时会给出的提示信息。链接时会给出的提示信息。 url ：超链接目标页的地址。：超链接目标页的地址。 siteMapFile ： 引用另一个引用另一个si

5、temap文件。文件。 resourceKey ： 用于页面本地化，使用时还需要在用于页面本地化，使用时还需要在 节点加上节点加上enableLocalization=“true”。 securityTrimmingEnabled 是否让是否让sitemap支持安全特支持安全特 性。性。 roles ： 确定哪些角色可以访问当前节点。多个角色用确定哪些角色可以访问当前节点。多个角色用 逗号隔开，使用时还需要将属性逗号隔开，使用时还需要将属性 securityTrimmingEnabled值设置为值设置为true。 8 站点的树型结构为站点的树型结构为 三层，非常清晰。三层，非常清晰。 网站的所

6、有页面都网站的所有页面都 在网站根文件夹下在网站根文件夹下 的的“chap11”文件夹文件夹 中。中。 源程序：源程序： Web.sitemap 9 对于复杂的网站导航，将所有的导航信对于复杂的网站导航，将所有的导航信 息都放在一个息都放在一个Web.sitemap中会显得比较中会显得比较 杂乱。杂乱。 解决方法：使用嵌套网站地图文件。解决方法：使用嵌套网站地图文件。 即将信息分散到多个即将信息分散到多个.sitemap文件中，再把文件中，再把 分散的分散的.sitemap文件合并到一个文件合并到一个.sitemap文件文件 中。中。 在合并时要用到在合并时要用到元素的元素的 siteMapF

7、ile属性。属性。 10 本实例功能与实例本实例功能与实例11-1完全相同完全相同 首先将描述首先将描述Products和和Services的信息分的信息分 散到文件散到文件Products.sitemap和和 Services.sitemap中。然后在中。然后在Web.sitemap 中利用中利用元素的元素的 siteMapFile属性链接包含的属性链接包含的.sitemap文件。文件。 Products.sitemap和和Services.sitemap存放存放 在在“chap11”文件夹下，而文件夹下，而Web.sitemap 存放在网站根文件夹下。存放在网站根文件夹下。 11 面包屑：

8、面包屑： 在实际应用中，经常在每个网页上添加当前页位于当前在实际应用中，经常在每个网页上添加当前页位于当前 网站层次结构中哪个位置的导航。网站层次结构中哪个位置的导航。 在以前的网站中要实现面包屑的功能是比较复杂的，在以前的网站中要实现面包屑的功能是比较复杂的， ASP.NET 3.5提供了可自动实现面包屑功能的提供了可自动实现面包屑功能的 SiteMapPath控件。控件。 SiteMapPath控件可以自动绑定网站地图，不需要数据源控件可以自动绑定网站地图，不需要数据源 控件。使用时只需要将控件。使用时只需要将SiteMapPath控件添加到页面中就控件添加到页面中就 可以了。可以了。 1

9、2 PathSeparator：获取或设置一个符号，用于站：获取或设置一个符号，用于站 点导航路径的路径分隔符。点导航路径的路径分隔符。 PathDirection：获取或设置导航路径节点的呈：获取或设置导航路径节点的呈 现顺序。现顺序。 ParentLevelsDisplayed：获取或设置相对于当：获取或设置相对于当 前显示节点的父节点级别数。前显示节点的父节点级别数。 PathSeparatorTemplate：获取或设置一个控件：获取或设置一个控件 模板，用于站点导航路径的路径分隔符。模板，用于站点导航路径的路径分隔符。 13 利用利用SiteMapPath控件显示网站导航的导控件显示

10、网站导航的导 航路径字符串。航路径字符串。 源程序：源程序：Hardware.aspx 源程序：源程序： Web.sitemap 14 15 16 17 18 19 TreeView控件常用于以树形结构显示分控件常用于以树形结构显示分 层数据的情形。层数据的情形。 利用利用TreeView控件可以实现站点导航，控件可以实现站点导航， 也可以用来显示也可以用来显示XML、表格或关系数据。、表格或关系数据。 凡是树形层次关系的数据的显示，都可凡是树形层次关系的数据的显示，都可 以用以用TreeView控件。控件。 20 TreeView控件中的每个项都称为一个节点，每控件中的每个项都称为一个节点，

11、每 一个节点都是一个一个节点都是一个TreeNode对象。对象。 节点分为根节点、父节点、子节点和叶节点。节点分为根节点、父节点、子节点和叶节点。 最上层的节点是根节点，可以有多个根节点。最上层的节点是根节点，可以有多个根节点。 没有子节点的节点是叶节点。没有子节点的节点是叶节点。 语法格式如下：语法格式如下： 21 属性属性说明说明 CheckedNodes获取选中了复选框的节点。获取选中了复选框的节点。 CollapseImageUrl节点折叠后的图像。节点折叠后的图像。 EnableClientScript是否允许在客户端处理展开和折叠事件。是否允许在客户端处理展开和折叠事件。 Expa

12、ndDepth第一次显示时所展开的级数第一次显示时所展开的级数 ExpandImageUrl节点展开后的图像。节点展开后的图像。 NoExpandImageUrl不可折叠（即无子节点）节点的图像。不可折叠（即无子节点）节点的图像。 PathSeparator节点之间的路径分隔符。节点之间的路径分隔符。 SelectedNode当前选中的节点。当前选中的节点。 SelectedValue当前选中的节点值。当前选中的节点值。 ShowCheckBoxes是否在节点前显示复选框。是否在节点前显示复选框。 ShowLines节点间是否显示连接线。节点间是否显示连接线。 22 TreeView的方法：的

13、方法： 利用利用TreeView控件的控件的CollapseAll()和和ExpandAll()方法折叠和方法折叠和 展开节点。展开节点。 利用利用TreeView控件的控件的Nodes.Add()方法添加节点到控件中。利方法添加节点到控件中。利 用用TreeView控件的控件的Nodes.Remove()方法删除指定的节点。方法删除指定的节点。 TreeNode类类 TreeView控件中的每个节点实际上都是控件中的每个节点实际上都是TreeNode类对象，在类对象，在 构建构建TreeView时经常要对时经常要对TreeNode对象进行编程操作。对象进行编程操作。 TreeNode类常用属

14、性：类常用属性： ChildNodes：获取当前节点的下一级子节点集合。：获取当前节点的下一级子节点集合。 ImageUrl：获取或设置节点旁显示图像的：获取或设置节点旁显示图像的URL。 NavigateUrl：获取或设置单击节点时导航到的：获取或设置单击节点时导航到的URL。 Parent：获取当前节点的父节点。：获取当前节点的父节点。 23 本实例利用本实例利用TreeView控件显示城市结构控件显示城市结构 图，并能动态地添加和移除节点、折叠图，并能动态地添加和移除节点、折叠 和展开节点。和展开节点。 源程序：源程序：myTreeView.aspx 24 TreeView控件的控件的S

15、howLines属性值为属性值为True， 表示节点之间用线条连接。表示节点之间用线条连接。 表示用实线边框标出当前节点。表示用实线边框标出当前节点。 当没有选择节点时，添加的节点为新的当没有选择节点时，添加的节点为新的 根节点。根节点。 可设置可设置TreeView控件的外观样式。控件的外观样式。 25 与与SiteMapPath控件不同，控件不同，TreeView控件需要数控件需要数 据源控件的支持。它与据源控件的支持。它与SiteMapDataSource控件控件 配合使用可以实现站点导航的树形结构显示。配合使用可以实现站点导航的树形结构显示。 实现方法：实现方法： 将将TreeView

16、控件的控件的DataSourceID值设置为值设置为 SiteMapDataSource控件控件ID值。如：值。如： 注意：SiteMapDataSource控件能自动绑定Web.sitemap 26 TreeView控件以树形结构的形式显示站点控件以树形结构的形式显示站点 的结构图，其中使用的网站地图文件为实的结构图，其中使用的网站地图文件为实 例例11-1建立的建立的Web.sitemap。 源程序：源程序：Home.aspx 程序说明：程序说明：SiteMapDataSource控件能自控件能自 动绑定动绑定Web.sitemap，将，将Web.sitemap中的中的 导航信息通过导航信

17、息通过TreeView控件呈现在网页上。控件呈现在网页上。 27 TreeView控件的预设样式：控件的预设样式： TreeView控件有许多预设的样式，用户可以控件有许多预设的样式，用户可以 在页面设计时设置预设样式。在页面设计时设置预设样式。 在页面设计视图中，单击在页面设计视图中，单击TreeView控件的智控件的智 能标记能标记“自动套用格式自动套用格式”，在，在“自动套用自动套用 格式格式”对话框中可以选择预设样式。对话框中可以选择预设样式。 28 选择选择“新闻新闻”样式，样式，TreeView控件代码被自动修改为如下形式：控件代码被自动修改为如下形式： asp:TreeView

18、ID=TreeView1 runat=server NodeIndent=10 Width=101px SelectedNodeStyle Font-Underline=True HorizontalPadding=0px VerticalPadding=0px / NodeStyle Font-Names=Arial Font-Size=10pt NodeSpacing=0px VerticalPadding=0px / ImageSet=News设置了图像组为新闻组样式，设置了图像组为新闻组样式，指定了指定了 节点的样式。节点的样式。 29 Menu控件可以以人们熟悉的菜单形式显示分层数据

19、。控件可以以人们熟悉的菜单形式显示分层数据。 与与TreeView控件类似，它也需要数据源控件的支持，控件类似，它也需要数据源控件的支持， 如配合使用如配合使用SiteMapDataSource控件。如：控件。如： Menu控件的属性控件的属性Orientation可以确定菜单的排列方式，可以确定菜单的排列方式， 值值Vertical表示竖向排列，表示竖向排列， 值值Horizontal表示横向排列，表示横向排列， 默认值为默认值为Vertical。 30 利用利用Menu控件可以使网站导航以菜单的控件可以使网站导航以菜单的 形式呈现。形式呈现。 源程序：源程序：Products.aspx 3

20、1 在母版页中使用网站导航控件，可以在母版在母版页中使用网站导航控件，可以在母版 页中创建包含导航控件的布局，再将母版页页中创建包含导航控件的布局，再将母版页 应用于所有的内容页。应用于所有的内容页。 基于母版页使用网站导航的基本步骤是：基于母版页使用网站导航的基本步骤是： 创建用于导航的母版页。创建用于导航的母版页。 将导航控件添加到母版页。将导航控件添加到母版页。 创建网站的内容页，利用属性创建网站的内容页，利用属性MasterPageFile与母与母 版页关联。版页关联。 32 网站导航由母版页实现，内容页与母版网站导航由母版页实现，内容页与母版 页关联，并输入了一些提示信息。页关联，并输入了一些提示信息。 源程序：源程序：SiteMapMasterPage.master 源程序：源程序：Services.aspx 33 本章介绍了本章介绍了ASP.NET 3.5提供的导航系统。这个系提供的导航系统。这个系 统的核心是在统的核心是在XML文件（网站地图文件）中详细文件（网站地图文件）中详细