ASP.NET 2.0站点地图搭建网站导航结构
日期：2010-09-25 浏览次数：20488 次
二、 使用SiteMap的方式
你可以以三种常见方式来使用在前一节所创建的站点地图文件：
· 使用SiteMapPath控件
· 使用SiteMap数据源控件
· 使用SiteMap类
这个SiteMapPath控件允许你生成breadcrumb。图3显示出什么是breadcrumb。
![]()
图3:Breadcrumb导航
SiteMapPath控件显示各种层级的导航。例如，你可以点击父或根级别以往回导航或转到顶层。当然，你也可以定制导航层次。
ASP.NET 2.0中还带有一组良好的导航控件，包括TreeView和菜单。借助于SiteMap数据源控件，你可以把站点地图文件与这些控件绑定到一起。
有些情况下，内置的导航控件可能无法满足你的要求。在这种情况中，你可以以编程方式存取这个站点地图文件并且读各种siteMapNode结点。然后，你可以生成一个定制的导航结构—使用siteMapNode的title和URL属性。
三、 使用SiteMapPath控件
在详细讨论细节前，让我们首先创建我们需要的目录结构和Web表单。首先，把两个文件夹Products和Services添加到网站。然后，添加一个新的Master页面MasterPage.master。接着添加显示在表格2中的Web表单，并且确保当你添加它们时都为其设置master页面。
表格2:Web表单列表
现在，打开你前面添加的Master页面。把一个Label控件和一个SiteMapPath控件拖动到它上面。然后，把该Label的Text属性设置为“Welcome!”。
下列的列表显示了MasterPage.master页面中的所有标记：
现在，从根文件夹打开Default.aspx。Default.aspx应该看似图4的样子。
![]()
图4:Default.aspx的示例运行 为了设计这个页面，添加一个具有４行和１列的表格。拖动一个Label控件到最上边一行并且设置它的Text属性为“欢迎来到我们的网站！”。然后，拖动三个HyperLink控件到剩下的行上，并且设置它们的Text和NavigateUrl属性，显示于表格3中。
表格3:设置HyperLinks的属性
下面的列表显示了Default.aspx中的完整标记：
你可以以三种常见方式来使用在前一节所创建的站点地图文件：
· 使用SiteMapPath控件
· 使用SiteMap数据源控件
· 使用SiteMap类
这个SiteMapPath控件允许你生成breadcrumb。图3显示出什么是breadcrumb。
图3:Breadcrumb导航
SiteMapPath控件显示各种层级的导航。例如，你可以点击父或根级别以往回导航或转到顶层。当然，你也可以定制导航层次。
ASP.NET 2.0中还带有一组良好的导航控件，包括TreeView和菜单。借助于SiteMap数据源控件，你可以把站点地图文件与这些控件绑定到一起。
有些情况下，内置的导航控件可能无法满足你的要求。在这种情况中，你可以以编程方式存取这个站点地图文件并且读各种siteMapNode结点。然后，你可以生成一个定制的导航结构—使用siteMapNode的title和URL属性。
三、 使用SiteMapPath控件
在详细讨论细节前，让我们首先创建我们需要的目录结构和Web表单。首先，把两个文件夹Products和Services添加到网站。然后，添加一个新的Master页面MasterPage.master。接着添加显示在表格2中的Web表单，并且确保当你添加它们时都为其设置master页面。
| Web表单名 | 文件夹 |
| Default.aspx | Website root |
| Contact.aspx | Website root |
| Default.aspx | Products |
| Product1.aspx | Products |
| Product2.aspx | Products |
| Default.aspx | Services |
| Service1.aspx | Services |
| Service2.aspx | Services |
现在，打开你前面添加的Master页面。把一个Label控件和一个SiteMapPath控件拖动到它上面。然后，把该Label的Text属性设置为“Welcome!”。
下列的列表显示了MasterPage.master页面中的所有标记：
＜%@ Master Language="C#" AutoEventWireup="true"
CodeFile="MasterPage.master.cs" Inherits="MasterPage" %＞
＜html xmlns="http://www.w3.org/1999/xhtml" ＞
＜head runat="server"＞
＜title＞Untitled Page＜/title＞
＜/head＞
＜body＞
＜form id="form1" runat="server"＞
＜div＞
＜asp:Label ID="Label1" runat="server" Font-Size="XX-Large" ForeColor="Blue" Text="Welcome!"＞＜/asp:Label＞＜br /＞
＜asp:SiteMapPath ID="SiteMapPath1" runat="server"
Font-Names="Verdana" Font-Size="0.8em" PathSeparator=" : "＞
＜PathSeparatorStyle Font-Bold="True" ForeColor="#5D7B9D" /＞
＜CurrentNodeStyle ForeColor="#333333" /＞
＜NodeStyle Font-Bold="True" ForeColor="#7C6F57" /＞
＜RootNodeStyle Font-Bold="True" ForeColor="#5D7B9D" /＞
＜/asp:SiteMapPath＞
＜br /＞
＜br /＞
＜asp:contentplaceholder id="ContentPlaceHolder1" runat="server"＞
＜/asp:contentplaceholder＞
＜/div＞
＜/form＞
＜/body＞
＜/html＞
CodeFile="MasterPage.master.cs" Inherits="MasterPage" %＞
＜html xmlns="http://www.w3.org/1999/xhtml" ＞
＜head runat="server"＞
＜title＞Untitled Page＜/title＞
＜/head＞
＜body＞
＜form id="form1" runat="server"＞
＜div＞
＜asp:Label ID="Label1" runat="server" Font-Size="XX-Large" ForeColor="Blue" Text="Welcome!"＞＜/asp:Label＞＜br /＞
＜asp:SiteMapPath ID="SiteMapPath1" runat="server"
Font-Names="Verdana" Font-Size="0.8em" PathSeparator=" : "＞
＜PathSeparatorStyle Font-Bold="True" ForeColor="#5D7B9D" /＞
＜CurrentNodeStyle ForeColor="#333333" /＞
＜NodeStyle Font-Bold="True" ForeColor="#7C6F57" /＞
＜RootNodeStyle Font-Bold="True" ForeColor="#5D7B9D" /＞
＜/asp:SiteMapPath＞
＜br /＞
＜br /＞
＜asp:contentplaceholder id="ContentPlaceHolder1" runat="server"＞
＜/asp:contentplaceholder＞
＜/div＞
＜/form＞
＜/body＞
＜/html＞
现在，从根文件夹打开Default.aspx。Default.aspx应该看似图4的样子。
图4:Default.aspx的示例运行
| HyperLink ID | Text属性 | NavigateUrl属性 |
| HyperLink1 | Products | ~/products/default.aspx |
| HyperLink2 | Services | ~/Services/default.aspx |
| HyperLink3 | Contact Us | ~/contact.aspx |
下面的列表显示了Default.aspx中的完整标记：
＜%@ Page Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Default.aspx.cs"
Inherits="_Default" Title="Untitled Page" %＞
＜asp:Content ID="Content1"
ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"＞
＜center＞
＜table＞
＜tr＞
＜td width="60%"＞
＜asp:Label ID="Label1" runat="server" Font-Size="X-Large"
Text="Welcome to our Web site!"＞＜/asp:Label＞＜/td＞
＜/tr＞
＜tr＞
＜td width="60%"＞
＜asp:HyperLink ID="HyperLink1" runat="server"
Font-Size="X-Large" NavigateUrl="~/Products/De
AutoEventWireup="true" CodeFile="Default.aspx.cs"
Inherits="_Default" Title="Untitled Page" %＞
＜asp:Content ID="Content1"
ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"＞
＜center＞
＜table＞
＜tr＞
＜td width="60%"＞
＜asp:Label ID="Label1" runat="server" Font-Size="X-Large"
Text="Welcome to our Web site!"＞＜/asp:Label＞＜/td＞
＜/tr＞
＜tr＞
＜td width="60%"＞
＜asp:HyperLink ID="HyperLink1" runat="server"
Font-Size="X-Large" NavigateUrl="~/Products/De
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
