日期:2014-04-14  浏览次数:20559 次

      一、 简介

  任何由多个页面组成的网站都需要某种导航用户接口,这是用两步来创建的。首先,必须定义站点的逻辑结构;然后,添加用户接口元素来允许用户在站点结构的各个部分之间来回移动。在ASP.NET 2.0以前,要求开发者自己来解决这两个问题。然而,到了版本2.0以后,ASP.NET提供了一个简单的方法来定义一站点的结构并且包括大量的Web控件-专门设计来显示站点导航用户接口。

  在上一篇中我们分析了怎样通过导航Web控件来创建Web.sitemap XML站点地图文件以及怎样显示站点导航信息,这包括:

  ·SiteMapPath,它显示一个breadcrumb(Home>Electronics>XBOX)

  ·TreeView,它显示一个可折迭的垂直显示的树,用于显示整个站点地图层次

  ·Menu,它显示一个水平或垂直对齐的菜单

  上一篇中只对站点地图文件和导航Web控件的功能和能力提供了一个粗略介绍。在这一部分里,我们将把注意力转到编程地控制站点地图信息,并详细地分析一下SiteMapPath导航Web控件。

  二、 站点地图

  本文中的示例使用在第一部分中创建的站点地图。你可以在第一部分看到该站点地图XML文件的精确的句法或在本文最后下载下来。站点结构的图形化表示使用于这些示例中,见下图:


  三、 编程控制站点地图

  一个站点地图是一个相关联的站点地图结点的集合。典型地,每个站点地图结点包含一标题,一个URL和一个描述。上面显示的图像是站点地图的一个示例,其中每个矩形代表一个站点地图结点。ASP.NET并不要求一特别的格式来指定站点地图,尽管它的确提供了使用一XML格式文件的默认选择。(关于XML文件的细节请参考第一篇)

  ASP.NET提供了一个类称为SiteMap-它提供只读的,编程地存取该站点地图。这个类被两个控件内部使用,在本文的后面我们将分析这两个类:

  ·SiteMapPath-基于被访问页面和它的站点结构位置生成一个breadcrumb。具体地说,该SiteMapPath从由SiteMap.CurrentNode属性返回的结点开始,往上遍历这个层次结构直到根部。

  ·SiteMapDataSource-这个控件创建一个层次结构的数据源-它映射该站点地图的结构。为了在另外的Web控件中显示站点地图信息,例如TreeView或Menu,该Web控件并不直接查询站点地图;而是,它们绑定到一个SiteMapDataSource控件-它负责读取该站点地图结构。

  SiteMap类有两个属性:RootNode和CurrentNode。这两个属性都返回SiteMapNode实例。SiteMapNode类代表一个定义在站点地图中的结点并且具有描述该结点的属性-Title,Url和Description,另外还有通过编程方式控制层次结构的属性-ParentNode,ChildNodes,NextSibling,PreviousSibling,等等。

  你可以在你的自己ASP.NET页中使用SiteMap类。例如,我们能在每个页面中显示Next,Previous和Up链接-这只需通过添加三个HyperLink控件到站点的主页面,另加上一点点编程以检查是否CurrentNode有一NextSibling,PreviousSibling或ParentNode。具体地说,你将添加下列标记到你的主页面:

[<asp:HyperLink ID="lnkPrev" runat="server">Prev</asp:HyperLink>] |
[<asp:HyperLink ID="lnkUp" runat="server">Up</asp:HyperLink>] |
[<asp:HyperLink ID="lnkNext" runat="server">Next</asp:HyperLink>]


  主页面的Page_Load事件处理器看上去如下:

If SiteMap.CurrentNode IsNot Nothing Then
 '设置next/previous/up链接
 If SiteMap.CurrentNode.PreviousSibling IsNot Nothing Then
  lnkPrev.NavigateUrl = SiteMap.CurrentNode.PreviousSibling.Url
  lnkPrev.Text = "< Prev (" & SiteMap.CurrentNode.PreviousSibling.Title & ")"
 Else
  lnkPrev.NavigateUrl = String.Empty
  lnkPrev.Text = "< Prev"
 End If
 If SiteMap.CurrentNode.ParentNode IsNot Nothing Then
  lnkUp.NavigateUrl = SiteMap.CurrentNode.ParentNode.Url
  lnkUp.Text = "Up (" & SiteMap.CurrentNode.ParentNode.Title & ")"
 Else
  lnkUp.NavigateUrl = String.Empty
  lnkUp.Text = "Up"
 End If
 If SiteMap.CurrentNode.NextSibling IsNot Nothing Then
  lnkNext.NavigateUrl = SiteMap.CurrentNode.NextSibling.Url
  lnkNext.Text = "(" & SiteMap.CurrentNode.NextSibling.Title & ") Next >"
 Else
  lnkNext.NavigateUrl = String.Empty
  lnkNext.Text = "Next >"
 End If
End If


  这将把三个超级链接Next,Up和Previous添加到从主页面继承的每一个页面,参见下图的快照。

  需要完成这一功能的标记和代码见于本文所附源码中。

  四、 用SiteMapPath控件显示Breadcrumbs

  SiteMapPath控件显示一个breadcrumb-它用于向用户显示他们在该站点结构中所处的位置。SiteMapPath控件的输出由下列三个因素决定:

  ·站点的结构,由站点地图定义,

  ·被访问的页面和

  ·SiteMapPath控件的属性值

  当访问一个有SiteMapPath控件的页面时,该SiteMapPath控件试图把页面的URL映射到定义在该站点地图中的一个站点地图结点的url值。如果找到一个匹配,该控件将上行遍历该结构到根部,并作下列输出:RootNode>ParentNode>...>ParentNode>CurrentNode。这里的CurrentNode是站点地图结点的标题-它用来映射当前页面请求的URL;RootNode和ParentNodes被作为超级链接生成,如果该站点地图结点有一个定义在该站点地图中的URL值。在"History Books"页面(Books/History.aspx)中的一个SiteMapPath控件将生成Home>Books>History,同时还分别生成超级链接形式的Home和Books,分别回指向Default.aspx和Books/Default.aspx。在访问Books/Default.aspx时,SiteMapPath