剖析ASP.NET2.0站点导航功能之建立导航

五、 使用导航Web控件显示站点地图

　　现在，既然我们已经定义了一个站点地图，下面我们将要通过一个ASP.NET页面来显示该站点地图的数据。如前面所提的，共有三个内置的导航Web控件-SiteMapPath，TreeView和Menu。使用这些控制是简单的-只需把它们拖动到该ASP.NET页面并且设置属性以调整控件的外观以适合你的站点的外观需要。

　　为此，我们将为该网站创建一个主页面。正如在《A Sneak Peak at Master Pages in ASP.NET 2.0》中所讨论的，主页面一般提供一个容易的方法来定义整个站点范围的模板。既然导航用户接口元素普遍出现在一个站点的每个页面上，那么主页面常常就是一个来放置校验Web控件的理想位置。具体地说，我的主页面包含一个有下面三部分的表格：

　　1. 一个表头-这里显示站点的标题（"欢迎来到我的网站！"）

　　2. 一个左边部分-这里是一个控件TreeView-它负责列出站点地图的完整内容。这允许参观者快速跳转到站点的特定部分。

　　3. 一个主部分-这一部分包含相对于每个页面的唯一的内容-它们共同构成整个主页面(注意，在这一部分中的ContentPlaceHolder控件)。另外，在这一部分的顶部还包括了一个控件SiteMapPath-它用于向用户提供一个breadcrumb，来向他们指示其当前位于站点结构的具体位置。

　　为把SiteMapPath控件添加到主部分上，我简单地从工具箱拖放SiteMapPath控件到主页面上。当添加一个TreeView控件(或菜单)时，首先你需要添加一SiteMapDataSource控件到该页面；然后，添加TreeView(或菜单)并且设置它的DataSourceID属性为SiteMapDataSource控件的ID(这可以使用TreeView控件的灵敏标签来实现)。SiteMapDataSource控件实现通过站点导航API查询站点地图并且把完整的站点地图结构提供给TreeView(或菜单)控件。

　　下列屏幕快照显示当通过一个浏览器来访问时的该网站。注意，左边的TreeView控件列出站点地图的完整内容。点击TreeView控件中的任何一个结点将快速地把用户引导到适当的部分。顶部的SiteMapPath控件向用户指示他们在该站点层次的位置（也即，Home＞Books＞Novels）。