HOW TO：加入簡單的網站巡覽

發行項
10/22/2014

更新：2007 年 11 月

您可以使用 SiteMapPath、TreeView 或 Menu 控制項，讓使用者可以透過一致的方式瀏覽網站。

SiteMapPath 控制項會顯示巡覽路徑 (又稱為 Breadcrumb 或 Eyebrow)，巡覽路徑呈現目前網頁位置並顯示連結為返回至首頁的路徑。

注意事項：
如果 .aspx 網頁包含 SiteMapPath 控制項，則 Web.sitemap 檔案中必須列入.aspx 網頁，才能呈現該控制項。

在 Web 網頁上，如果使用者正在瀏覽「訓練」網頁，則 SiteMapPath 控制項所顯示的內容類似以下所示：

首頁 > 服務 > 訓練

TreeView 控制項顯示樹狀結構，讓使用者可周遊其中，以連結至網站中不同的網頁。按一下包含子節點的節點，便可展開或摺疊該節點。當它第一次呈現時，TreeView 控制項會完全展開。在 Web 頁面上，TreeView 控制項所顯示的內容類似以下所示：

- 首頁

- 服務

+ 訓練

Menu 控制項顯示可展開的功能表，讓使用者可周遊其中，以連結至網站中不同的網頁。當游標停留在功能表項目上時，包含子節點的節點便會展開。如需在 Menu 控制項中顯示網站導覽的程式碼範例，請參閱 HOW TO：在非階層式 Web 伺服器控制項中顯示網站導覽資料。

若要使用這些網站巡覽控制項，您必須在 Web.sitemap 檔案中描述網站結構。

若要建立 Web.sitemap 檔

請在網站的根目錄中建立一個名為 Web.sitemap 的檔案。

開啟這個 Web.sitemap 檔案並加入以下程式碼。

<?xml version="1.0" encoding="utf-8" ?>
<siteMap>
  <siteMapNode title="Home" >
    <siteMapNode title="Services" >
      <siteMapNode title="Training" url="~/Training.aspx"/>
    </siteMapNode>
  </siteMapNode>
</siteMap>

注意事項：
如果您列出不存在或重複的 URL 時，Web 應用程式將會執行失敗。url 可以用 "~/" 捷徑做開頭，因為這個捷徑會指定應用程式的根目錄。如需詳細資訊，請參閱 ASP.NET 網站路徑。

稍後在本主題中，您將建立 Training.aspx 網頁。

儲存並關閉檔案。

若要將網站巡覽加入至 Web 網頁

請在網站的根目錄中建立一個名為 Training.aspx 的檔案。

開啟 Training.aspx 並加入以下程式碼。

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script >

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" >
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" >
  <div>

  <h2>Using SiteMapPath</h2>
  <asp:SiteMapPath ID="SiteMapPath1" Runat="server">
  </asp:SiteMapPath>


  <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server" />

  <h2>Using TreeView</h2>
  <asp:TreeView ID="TreeView1" Runat="Server" DataSourceID="SiteMapDataSource1">
  </asp:TreeView>

  <h2>Using Menu</h2>
  <asp:Menu ID="Menu2" Runat="server" DataSourceID="SiteMapDataSource1">
  </asp:Menu>

  <h2>Using a Horizontal Menu</h2>
  <asp:Menu ID="Menu1" Runat="server" DataSourceID="SiteMapDataSource1"
    Orientation="Horizontal" 
    StaticDisplayLevels="2" >
  </asp:Menu>

  </div>
  </form>
</body>
</html>

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script >
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" >
  <div>

  <h2>Using SiteMapPath</h2>
  <asp:SiteMapPath ID="SiteMapPath1" Runat="server">
  </asp:SiteMapPath>


  <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server" />

  <h2>Using TreeView</h2>
  <asp:TreeView ID="TreeView1" Runat="Server" DataSourceID="SiteMapDataSource1">
  </asp:TreeView>

  <h2>Using Menu</h2>
  <asp:Menu ID="Menu2" Runat="server" DataSourceID="SiteMapDataSource1">
  </asp:Menu>

  <h2>Using a Horizontal Menu</h2>
  <asp:Menu ID="Menu1" Runat="server" DataSourceID="SiteMapDataSource1"
    Orientation="Horizontal" 
    StaticDisplayLevels="2" >
  </asp:Menu>

  </div>
  </form>
</body>
</html>

儲存並關閉檔案，接著您便可以在瀏覽器中檢視檔案，以瞭解控制項如何顯示網站的巡覽結構 (Navigation Structure)。

安全性

您可以從特定安全性角色的成員中，隱藏巡覽結構中的連結。如需詳細資訊，請參閱 ASP.NET 網站導覽安全性調整。

請參閱

共用方式為

HOW TO：加入簡單的網站巡覽

若要建立 Web.sitemap 檔

若要將網站巡覽加入至 Web 網頁

安全性

請參閱

工作

概念

參考

其他資源

其他資源