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