《ASPNET中的站点导航技术》由会员分享，可在线阅读，更多相关《ASPNET中的站点导航技术（24页珍藏版）》请在金锄头文库上搜索。
1、第第9 9章章 ASP.NET ASP.NET中的站点导航技术中的站点导航技术 9.1 9.1 站点地图站点地图 站点地图，由其名称不难想象，其功能是用于定于站点结构。早站点地图，由其名称不难想象，其功能是用于定于站点结构。早些年，一些大中型的网站为了让用户便于找到合适的网页，特别定些年，一些大中型的网站为了让用户便于找到合适的网页，特别定制了一些站点目录文件，称之为站点地图。在制了一些站点目录文件，称之为站点地图。在ASP.NET中，微软为中，微软为了简化创建站点地图的工作，提供了一套用于导航的站点地图技术。了简化创建站点地图的工作，提供了一套用于导航的站点地图技术。 ASP.NET中的站点
2、地图导航技术由如下的三个组件组成：中的站点地图导航技术由如下的三个组件组成：1.一个用于定义站点结构的一个用于定义站点结构的XML文件，又称为站点地图文件。文件，又称为站点地图文件。2.用来绑定到用来绑定到XML文件的站点地图文件的站点地图SiteMapDataSource数据源控件。数据源控件。3.用于显示站点地图的导航控件。用于显示站点地图的导航控件。9.1.1 9.1.1 定义站点地图文件定义站点地图文件 站点地图文件是一个名为站点地图文件是一个名为Web.Sitemap的的XML文件，文件，在详细讨论该文件细节前，先来了解一下在详细讨论该文件细节前，先来了解一下ASP.NET站点地站点
3、地图的基本原理。图的基本原理。9.1.2 9.1.2 使用使用SiteMapPathSiteMapPath控件控件 在上一小节中己经定义了一个站点导航文件，下面在上一小节中己经定义了一个站点导航文件，下面将演示如何使用将演示如何使用SiteMapPath控件来显示站点的导航路控件来显示站点的导航路径。径。SiteMapPath是一个非常方便的控件，可以根据在是一个非常方便的控件，可以根据在Web.sitemap定义的数据自动的显示网站的路径，并能定义的数据自动的显示网站的路径，并能确定当前页的位置，可以自定义导航的外观。确定当前页的位置，可以自定义导航的外观。9.1.3 SiteMap9.1.
4、3 SiteMap类类 使用使用SiteMapPath控件，开发人员可以不需要编写控件，开发人员可以不需要编写代码就可以在页面中添加站点导航，也可以对站点地图代码就可以在页面中添加站点导航，也可以对站点地图进行编程操作，进行编程操作，ASP.NET公开了一个反映站点地图结构公开了一个反映站点地图结构的静态的的静态的SiteMap对象，该对象公开对象，该对象公开SiteMapNode对象对象的集合，用于表示站点中的每个节点。的集合，用于表示站点中的每个节点。9.1.4 URL9.1.4 URL地址映射地址映射 ASP.NET提供了提供了URL地址映射的功能，尽管功能非地址映射的功能，尽管功能非常
5、有限，但是还是可以简化开发人员编写自定义地址映常有限，但是还是可以简化开发人员编写自定义地址映射的麻烦。一些情况下，开发人员可能希望隐藏真实的射的麻烦。一些情况下，开发人员可能希望隐藏真实的网页地址，特别是一些保密性要求强的网站，使用地址网页地址，特别是一些保密性要求强的网站，使用地址映射就很有必要。另外一些情况就是开发人员希望保持映射就很有必要。另外一些情况就是开发人员希望保持网页的友好性，为用户提供友好助记的网页的友好性，为用户提供友好助记的URL，以便于访，以便于访问能很轻易的记住所到访过的网页。问能很轻易的记住所到访过的网页。9.2 TreeView9.2 TreeView控件控件 T
6、reeView控件的应用可以说是相当的普及，每个开控件的应用可以说是相当的普及，每个开发人员，每个接触电脑的用户，基本上每天都有和发人员，每个接触电脑的用户，基本上每天都有和TreeView控件打交道。这所以这么说，是因为控件打交道。这所以这么说，是因为Windows的资源管理器左侧就是一个相当经典的的资源管理器左侧就是一个相当经典的TreeView控件的应用，只要使用电脑，就不大可能不和控件的应用，只要使用电脑，就不大可能不和资源管理器打交道。资源管理器打交道。9.2.1 使用使用TreeView控件控件 为了演示使用为了演示使用TreeView控件，本节创建一个名为控件，本节创建一个名为T
7、reeViewDemo的的ASP.NET网站。进入网站。进入Default.aspx设设计视图，从工具箱的导航栏中拖一个计视图，从工具箱的导航栏中拖一个TreeView控件到设控件到设计视图，计视图，VS2010会自动弹出会自动弹出TreeView控件的任务窗口，控件的任务窗口，在该窗口中提供了几个功能可以简化创建在该窗口中提供了几个功能可以简化创建TreeView控件控件的过程。的过程。9.2.2 9.2.2 以编程的方式添加节点以编程的方式添加节点 使用节点编辑器以静态的方式添加节点虽然好用，使用节点编辑器以静态的方式添加节点虽然好用，但是许多情况下树状数据是动态的，需要以编程的方式但是许
8、多情况下树状数据是动态的，需要以编程的方式进行添加。进行添加。TreeView控件提供了一个控件提供了一个Nodes属性，该属属性，该属性表示性表示TreeView控件的节点的集合。每个控件的节点的集合。每个TreeNode对对象也具有一个象也具有一个ChildNodes属性，表示当前节点的子节属性，表示当前节点的子节点的集合。点的集合。9.2.3 9.2.3 使用使用TreeViewTreeView控件导航控件导航 TreeView控件可以十分方便的显示站点地图数据，控件可以十分方便的显示站点地图数据，比如可以通过编程的方式动态的加载站点地图数据。比如可以通过编程的方式动态的加载站点地图数据
9、。9.2.4 9.2.4 绑定到绑定到XMLXML文件文件 TreeView具有显示层次结构数据的优势，而开发人具有显示层次结构数据的优势，而开发人员通常使用员通常使用XML文件来保存层次结构的数据。文件来保存层次结构的数据。TreeView控件通过与控件通过与XmlDataSource控件的结合，使绑定控件的结合，使绑定XML文件变得非常简单。文件变得非常简单。 9.2.5 9.2.5 按需加载节点按需加载节点 如果要加载到如果要加载到TreeView控件中的数据量非常大，一次控件中的数据量非常大，一次性加载将显著增加服务器端的负载和客户端内存的占用量，性加载将显著增加服务器端的负载和客户端
10、内存的占用量，并且会造成请求的延迟。并且会造成请求的延迟。Treeview控件提供了按需加载的控件提供了按需加载的特性解决这个问题。在首次加载时，特性解决这个问题。在首次加载时，TreeView只显示顶级只显示顶级节点的少量数据，当用户点击节点的少量数据，当用户点击TreeView中的展开节点图标中的展开节点图标时，将再次从服务器端加载所需要的数据。时，将再次从服务器端加载所需要的数据。9.2.6 9.2.6 带复选框的带复选框的TreeViewTreeView控件控件 当用户在当用户在TreeView中单击一项时，将会触发中单击一项时，将会触发TreeView控件的控件的SelectedNo
11、deChanged事件。事件。9.3 Menu9.3 Menu控件控件 ASP.NET提供了另一个重量级的导航控件提供了另一个重量级的导航控件Menu，使，使用该控件，开发人员可以在网页上模拟用该控件，开发人员可以在网页上模拟Windows的菜单导的菜单导航效果。航效果。ASP.NET的的Menu控件可以呈现两种模式：控件可以呈现两种模式：静态模式：静态模式：Menu控件的菜单项是完全展开的，用户可以单控件的菜单项是完全展开的，用户可以单击菜单任何菜单项。击菜单任何菜单项。动态模式：默认只显示部分内容，当用户移动鼠标到静态动态模式：默认只显示部分内容，当用户移动鼠标到静态内容项上时，则弹出子菜
12、单项，类似于内容项上时，则弹出子菜单项，类似于Windows菜单。菜单。本节将详细介绍该控件的使用方式。本节将详细介绍该控件的使用方式。9.3.1 9.3.1 使用使用MenuMenu控件控件 VS2010同样对同样对Menu控件提供了强大的设计时支持，控件提供了强大的设计时支持，下面新建一个下面新建一个MenuDemo的的ASP.NET网站，按如下所示网站，按如下所示的步骤来使用这个功能强大的控件。的步骤来使用这个功能强大的控件。9.3.2 9.3.2 以编程的方式添加菜单项以编程的方式添加菜单项 Menu控件提供了一个控件提供了一个Items的集合属性，这是一个的集合属性，这是一个Menu
13、ItemCollection集合类型的属性，可以向该属性集合类型的属性，可以向该属性添加菜单项来实现动态添加菜单项的效果。添加菜单项来实现动态添加菜单项的效果。9.3.3 9.3.3 使用使用MenuMenu控件导航控件导航 Menu控件作为一种导航控件，同样的可以轻松的绑控件作为一种导航控件，同样的可以轻松的绑定到定到SiteMapDataSource控件来实现站点导航。控件来实现站点导航。9.3.4 9.3.4 一个站点地图示例一个站点地图示例 下面举一个站点地图的示例，该示例使用了两个下面举一个站点地图的示例，该示例使用了两个Menu控件，一个控件，一个Menu控件用于显示顶层菜单，当单
14、击控件用于显示顶层菜单，当单击顶层菜单中的不同的菜单项后，另一个菜单项显示其相顶层菜单中的不同的菜单项后，另一个菜单项显示其相应的子菜单。应的子菜单。9.3.5 9.3.5 绑定到绑定到XMLXML文件文件 Menu控件也可以与控件也可以与XML文件进行轻松的绑定，通文件进行轻松的绑定，通过将过将Menu控件的控件的DataSourceID属性指定为属性指定为XmlDataSource控件即可。控件即可。9.3.6 Menu9.3.6 Menu控件样式控件样式 Menu控件与控件与TreeView控件类似，提供了大量的外观控件类似，提供了大量的外观控制项，控制项，Menu控件具有一个控件具有一
15、个MenuItemStyle菜单样式，菜单样式，该样式定义了与菜单项相关的属性比如该样式定义了与菜单项相关的属性比如ItemSpaceing、HorizontalPadding和和VerticalPadding。用户可以为不同。用户可以为不同层次的菜单定义不同的样式，由于层次的菜单定义不同的样式，由于Menu控件具有两种菜单控件具有两种菜单模式，因此分别提供了对这两种模式的样式定义。模式，因此分别提供了对这两种模式的样式定义。9.3.7 9.3.7 为为MenuMenu控件应用模板控件应用模板 Menu控件也支持使用模板来定义其外观，控件也支持使用模板来定义其外观，Menu控控件具有两种类型的
16、模板：件具有两种类型的模板：StaticItemTemplate模板：包含静态菜单自定义呈现内模板：包含静态菜单自定义呈现内容的模板容的模板DynamicItemTemplate模板：包含动态菜单自定义呈模板：包含动态菜单自定义呈现内容的模板。现内容的模板。9.4 9.4 小结小结 本节介绍了本节介绍了ASP.NET的站点导航技术，首先介绍了的站点导航技术，首先介绍了站点地图，如何定义站点地图文件使用站点地图，如何定义站点地图文件使用SiteMapPath显显示站点地图以及示站点地图以及SiteMap类，并简单的介绍了一下类，并简单的介绍了一下ASP.NET内置的内置的URL地址映射功能来提供
17、友好的地址映射功能来提供友好的URL地地址名称。址名称。9.5 9.5 常见面试题常见面试题 9.5.1 说出说出3种以上能在种以上能在ASP.NET中实现导航的控件中实现导航的控件 用用ASP.NET实现网站非常方便，就在于它提供了实现网站非常方便，就在于它提供了很多控件，可以方便的设计网站中的各种功能，如树、很多控件，可以方便的设计网站中的各种功能，如树、菜单等。本章就讲解了菜单等。本章就讲解了3种导航控件：种导航控件：1.SiteMapPath地图控件地图控件2.TreeView树控件树控件3.Menu菜单控件菜单控件9.5.2 XML9.5.2 XML文件在导航中有什么作用？文件在导航中有什么作用？ 针对一些大型的数据，我们一般使用数据库来提供针对一些大型的数据，我们一般使用数据库来提供数据，但针对一些导航类的简单数据，我们通常使用数据，但针对一些导航类的简单数据，我们通常使用XML文件提供数据。本章第文件提供数据。本章第9.2.4节和第节和第9.3.5节分别讲节分别讲解了如何使用解了如何使用XML为导航控件提供数据，让我们可以方为导航控件提供数据，让我们可以方便的设计和修改导航内容。便的设计和修改导航内容。
