《asp.netweb应用程序设计教程 第13章 网站整体结构设计及导航技术》由会员分享，可在线阅读，更多相关《asp.netweb应用程序设计教程 第13章 网站整体结构设计及导航技术（21页珍藏版）》请在金锄头文库上搜索。
1、第13章 网站整体结构设计及导航技术,第13章 网站整体结构设计及导航技术,13.1 使用站点地图定义网站结构 13.2 利用SiteMapPath控件导航 13.3 利用Menu控件导航 13.4 利用TreeView控件导航,13.1 使用站点地图定义网站结构,13.1.1 站点地图基本知识 站点地图描述了站点的逻辑结构。例如，一个网站包括主页、学生管理页面、课程管理页面、成绩管理页面、查找学生页面、编辑学生页面等。,13.1.1 站点地图基本知识,与之对应的站点地图为： ,13.1.1 站点地图基本知识,它是一个XML文件，文件名为web.sitemap。有一个根结点。在根结点下可以包含
2、多个结点 。,13.1.2 SiteMapDataSource控件,SiteMapDataSource控件是专门用于访问站点地图的数据源控件。语法格式： 站点地图必须与导航控件绑定起来才能起到它的作用，而这个绑定过程需要SiteMapDataSource控件作为中介。,13.2 利用SiteMapPath控件导航,显示一个导航路径，能够根据导航信息显示当前页面在导航结构中所处的位置，并给出一个返回路径。 语法格式： ,13.2.2 定制SiteMapPath控件,1. 修改分隔符 通过PathSeparator属性指定新的分隔符，还可以使用PathSeparatorStyle样式属性修饰分隔符
3、。例如， 2. 显示多少父结点 可以设置ParentLevelsDisplayed属性，让控件仅显示部分路径，以减少路径长度。 例13-1 定制SiteMapPath控件,13.3 利用Menu控件导航,可以在Web页面上创建各种形式的菜单，利用菜单可以把用户导航至站点中的任何页面。语法格式： ,13.3.1 创建Menu控件,1. 绑定至站点地图文件 可以使用Menu控件以菜单形式展示站点地图。方法是将Menu控件与SiteMapDataSource控件绑定。例如， ,13.3.1 创建Menu控件,2. 绑定至XML文件 使用一般的XML文件，可以免除站点地图格式的限制，有更大的灵活性。
4、将Menu控件绑定至XML文件，需要使用XmlDataSource控件。它是一个数据源控件，语法格式为： 其中，最常用的属性为DataFile，指定XML文件的路径。 例13-2 绑定至XML文件,13.3.1 创建Menu控件,3. 直接添加菜单项 菜单由菜单项构成，Menu由MenuItem项构成，每个MenuItem项就是一个菜单项。 菜单中的所有菜单项均包含在Menu控件的Items集合中，能够以声明方式或编程方式操纵该集合，从而为菜单添加或删除菜单项。 例13-3 动态添加菜单项,13.3.2 定制Menu控件,1. 静态菜单和动态菜单 静态菜单是指始终显示在页面上的菜单，这些菜单不
5、会处于隐藏状态。 使用StaticDisplayLevels属性设置在静态菜单中显示哪些级别的菜单项。低于该属性值的所有菜单级别都显示在动态菜单中。例如， ,13.3.2 定制Menu控件,动态菜单是指当用户将鼠标指针置于包含动态子菜单的父菜单项上时，才会显示的菜单。 级别高于StaticDisplayLevels属性所指定的值的菜单项显示在动态菜单中，同时还可以通过设置 MaximumDynamicDisplayLevels属性，限制动态菜单的菜单显示级别数。 2. 菜单显示方向 当Orientation属性取值为Horizontal时，显示水平菜单； 当Orientation属性取值为Ve
6、rtical时，显示垂直菜单。,13.3.3 响应Menu控件的事件,当点击菜单项时，会引发MenuItemClick事件。该事件的事件处理过程包含一个MenuEventArgs参数，参数的Item属性即是用户点击的菜单项。 例13-5 响应事件,13.4 利用TreeView控件导航,能够以树状结构显示分层数据，语法格式： ,13.4.1 创建TreeView控件,1. 绑定至站点地图文件 以树状结构展示站点地图。例如， 2. 绑定至XML文件 例如， ,13.4.1 创建TreeView控件,3. 直接添加结点 TreeView控件由TreeNode组成，每个TreeNode代表一个结点。
7、 TreeView中的所有根结点均包含在TreeView控件的Nodes集合中，能够以声明方式或编程方式操纵该集合，从而为TreeView添加或删除根结点。,13.4.2 定制TreeView控件,1. 使用预定义图像组改变控件外观 TreeView控件提供了一个预定义图像组，可以选择其中一组图像来定制控件中的各种图标。 通过ImageSet属性指定用于TreeView控件的图像组，该属性取值于TreeViewImageSet枚举（Arrows、BulletedList、Contacts、Simple、XPFileExplorer、Custom等）。,13.4.2 定制TreeView控件,2. 是否显示父子结点间的连线 TreeView控件允许使用ShowLines属性指定是否显示连接父子结点间的连线。当该属性设置为true时，TreeView控件将搜索连接父子结点的连线图像，并显示该连线图像。 例13-6 定制TreeView的样式,13.4.3 响应TreeView控件的事件,常用的事件： TreeNodeExpanded事件：当展开控件中的结点时发生。 TreeNodeCollapsed事件：当折叠控件中的结点时发生。 SelectedNodeChanged事件：当选择控件中的结点时发生。 例13-7 响应事件,
