《站点导航技术》PPT课件.ppt

第7章 站点导航技术 内容 vASP.NET站点导航概述 v站点地图 v配置多个站点地图 vSiteMapPath控件 vSiteMapDataSource控件 vMenu控件 vTreeView控件 7.1 ASP.NET站点导航概述 nASP.NET站点导航能够将指向所有页面的链接存储在 一个文件中，并用一个特定Web服务器控件在页面上 呈现导航菜单。 nASP.NET站点导航提供下列组件，用于为站点创建一 致的、容易管理的站点导航方案。 站点地图 站点地图提供程序 ASP.NET导航控件 站点导航API 各个ASP.NET站点导航组件之间的关系 7.2 站点地图 v在ASP.NET中，微软为了简化创建站点地图的工作 ，提供了一套用于导航的站点地图技术。 v通过ASP.NET站点导航，可以按层次结构描述站点 的布局。 v假定一个企业网站共有8页，构建如图所示的站点 导航结构。 建立站点地图 v站点地图文件是后缀名为.siteMap的XML文件，描 述了站点结构，供站点导航API和站点导航控件正确 公开站点的导航结构 【例7-1】演示如何创建一个站点地图文件。 7.3 配置多个站点地图 nASP.NET站点导航使用一个名为Web.sitemap的站点 地图文件来描述站点的层次结构。 n但有时可能要使用多个站点地图文件或站点地图提 供程序来描述整个网站的导航结构。 下面介绍两种配置多个站点地图的方法。 从父站点地图链接到子站点地图文件。 在web.config文件中配置多个站点地图。 7.3.1 从父站点地图链接到子站点地 图文件 v对于具有多个子站点的大型站点，有时需要在父站点的 导航结构中加入子站点的导航结构，对于每个子站点都 有其独立的站点地图文件。 v这种情况，在父站点地图中需要显示子站点地图的位置 创建一个siteMapNode节点，并将其属性siteMapFile 指定到子站点的站点地图文件即可，代码如下： 【例7-2】演示如何从父站点地图链接到子站点地图文件。 7.3.2在web.config文件中配置多 个站点地图 v要配置多个站点地图还可以在web.config文件中配 置站点提供程序，添加对不同站点地图的引用。 【例7-3】演示如何在web.config文件中配置多个站点 地图。 参见示例第07章SiteMapDemoWeb.sitemap、Products.sitemap 、 Service.sitemap、web.config 7.4 SiteMapPath控件 v该控件根据Web.sitemap定义的数据自动显示 当前页面的位置，并以链接的形式显示返回主 页的路径。 v注意：只有在站点地图中列出的页才能在 SiteMapPath控件中显示导航信息。如果将 SiteMapPath控件放置在站点地图中未列出的 页上，该控件将不会向客户端显示任何信息。 【例7-4】演示SiteMapPath的使用。 参见示例第07章SiteMapDemoMasterPage.master SiteMapPath的重要属性 属 性说说 明 ParentLevelsDis played 要显显示的父节节点的数目，默认为认为 -1，表示显显示所 有父节节点 PathDirection要呈现现的路径方向，可选值选值 有：RootToCurrent ，这这是默认值认值 ，表示从根级显级显 示到当前级级； CurrentToRoot，表示从当前页显页显 示到根级级 PathSeparator指定每个节节点间间的分隔字符串，默认为认为 ，可以 指定任何字符 RenderCurrent NodeAsLink 当前节节点是否呈现为链现为链 接 ShowToolTips是否显显示工具提示 SiteMapProvide 允许为许为 SiteMapPath控件指定其它站点地图图提供 程序的名称 7.5 SiteMapDataSource 控件 vSiteMapDataSource控件提供了一个数据源控件， Web 服务器控件及其他控件可使用该控件绑定到分 层的站点地图数据 SiteMapDataSource绑绑定到站点地图图数据，并基于在 站点地图层图层 次结结构中指定的起始节节点显显示其视图视图 。 默认认情况下，起始节节点是层层次结结构的根节节点，但也 可以是层层次结结构中的任何其他节节点。 表：SiteMapDataSource的属性与起始节节点关系 属 性 值值起 始 节节 点 StartFromCurrentNode为为false； 未设设置StartingNodeUrl 层层次结结构的根节节点（默认设认设 置 ） StartFromCurrentNode为为true； 未设设置StartingNodeUrl 当前正在查查看的页页的节节点 StartFromCurrentNode为为false； 已设设置StartingNodeUrl 层层次结结构的特定节节点 【例7-5】演示SiteMapDataSource控件的使用 。 7.6 Menu控件 定义Menu菜单内容 Menu控件样式 7.6.1 定义Menu菜单内容 v设计时手动添加菜单内容； v以编程方式添加菜单内容； v绑定到数据源的方式来显示菜单内容 1设计时手动添加菜单内容 【例7-6】演示如何在设计时手动添加菜单内容。 手动添加内容 垂直 水平 参见示例第07章SiteMapDemoStaticInsertMenuItem.aspx 2以编程方式添加菜单内容 vMenu控件提供了一个Items的集合属性，这是一个 MenuItemCollection集合类型的属性，可以向该属 性添加菜单项来实现动态添加菜单项的效果。 v使用动态编程的方式可以从数据库、文件等多种文 件导入菜单项数据，一个最常用的场合就是根据用 户权限动态产生菜单项，这在大型应用系统开发中 经常被用到。 【例7-7】演示如何以编程方式动态添加菜单内容。 参见示例第07章SiteMapDemoDynamicInsertMenuItem.aspx 3绑定到数据源的方式来显示菜单内容 v对于一些小型站点或个人站点，可以通过手工方式 添加导航菜单的内容，但对于一些企业级的站点， 这种方式很不利于后期维护，因此通常是将菜单内 容集中存储，如站点地图或XML文件等，然后通过 使用数据源控件和Menu控件关联来展示站点的导 航层次结构。 【例7-8】演示如何将Menu控件绑定站点地图。 参见示例第07章SiteMapDemoMenuSiteMap.aspx vMenu控件除了与站点地图绑定外，还可以与XML文 件进行轻松地绑定，通过将Menu控件的 DataSourceID属性指定为XmlDataSource控件即可 。 【例7-9】演示如何将Menu控件绑定到一个XML文件。 参见示例第07章SiteMapDemoBooks.xml 和MenuXMLFile.aspx 7.6.2 Menu控件样式 Menu控件具有静态态和动态动态 两种菜单单模式，因此 系统统分别别提供了对这对这 两种模式的样样式定义义，表7- 4列出了Menu控件中的一些样样式及其含义义。 表7-4 Menu控件样样式 静态态模式样样式动态动态 模式样样式样样式说说明 StaticMemuStyleDynamicMemuStyle设设置Menu控件的整个外观样观样 式 StaticMemuItemSt yle DynamicMemuItemSt yle 设设置单单个菜单项单项 的样样式 StaitcSelectedStyleDynamicSelectedStyle设设置所选择选择 的菜单项单项 的样样式 StaticHoverStyleDynamicHoverStyle设设置当鼠标悬标悬 停在菜单项单项 上 时时的样样式 Visual Studio 2008为Menu控件提供了很多预定义的 格式，单击Menu控件右上角的三角符号，弹出的任 务窗口中选择“自动套用格式”，将弹出自动套用格 式窗口，可以在该窗口中选择一种样式。 7.7 TreeView控件 vTreeView控件的应用 相当普及，它以树形结 构显示分层数据，如 Windows的资源管理 器左侧的文件目录就是 一个相当经典的 TreeView控件的应用 例子。 7.7.1 定义TreeView节点内容 TreeView控件由一个或多个节节点构成，树树形结结构 中的每一项项都称为为“节节点”。表7-5列出了三种不同 的节节点类类型。 表：TreeView 控件的节点类型 节点类型说 明 根节点没有父节点，但具有一个或多个子节点的节点 父节点具有一个父节点，且有一个或多个子节点的节点 叶节点没有子节点的节点 v定义TreeView控件节点内容的三种方法： 设计时添加节点内容； 以编程方式添加节点内容； 绑定到数据源的方式来显示节点内容。 1设计时添加节点内容 【例7-10】演示如何在设计时添加TreeView控 件的节点内容 参见示例第07章SiteMapDemoStaticInsertTreeNode.aspx 2以编程方式添加节点内容 v在设计时使用节点编辑器添加节点内容虽然方便， 但是许多情况下树状数据是动态的，需要以编程的 方式进行添加。 vTreeView控件提供了一个Nodes的集合属性，该属 性表示TreeView控件的节点集合，每个TreeNode 对象也具有一个ChildNodes属性，表示当前节点 的子节点集合。 【例7-11】演示如何以编程方式添加TreeView控件的 节点内容 参见示例第07章SiteMapDemoDynamicInsertTreeNode.aspx 3绑定到数据源的方式来显示菜单内容 v与Menu控件类似，为了便于后期维护，通常将菜 单内容集中存储，如站点地图或XML文件等，然后 通过使用数据源控件和TreeView控件关联来展示站 点的导航层次结构。 【例7-12】演示TreeView控件绑定站点地图的方法。 参见示例第07章SiteMapDemoTreeViewSiteMap.aspx TreeView控件除了与站点地图绑定外，同样也可以与 XML文件进行绑定。 【例7-13】演示如何将TreeView控件绑定到一个XML 文件。 参见示例第07章SiteMapDemoBooks.xml 和TreeViewXMLFile.aspx 7.7.2 带复选框的TreeView控件 v在TreeView控件中，可以使用ShowCheckBoxes属性 来允许用户进行多选，ShowCheckBoxes是一个 TreeNodeTypes枚举类型的值，具有如下5个可选值： TreeNodeTypes.All：为所有节点显示复选框； TreeNodeTypes.Leaf：为所有叶节点显示复选框； TreeNodeTypes.None：不显示复选框； TreeNodeTypes.Parent：为所有父节点显示复选框； TreeNodeTypes.Root：为所有根节点显示复选