導航實際上給訪問者提供了一個地圖類似的東西，讓訪問者更快地找到想要的東西。
在2.0中引入了一個很重要的概念，那就是網站地圖siteMap這樣一個XML檔案，但是它尾碼不是XML。
若要為網站建立一致的、容易管理的導航解決方案，可以使用asp.net網站導覽。asp.net網站導覽提供下列功能：
在瞭解了一些基本知識後，我們來做一個簡單的導航的例子。
1、首先建立一個master
html代碼：
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="mp.master.cs" Inherits="Navigation.mp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> </head> <body> <form id="form1" runat="server"> <div> <table style="width: 656px; height: 255px"> <tr> <td style="width: 500px; background-color: #99ccff"> 您當前的位置在： <asp:SiteMapPath ID="SiteMapPath1" runat="server" Font-Names="Verdana" Font-Size="0.8em" PathSeparator=" : "> <CurrentNodeStyle ForeColor="#333333" /> <NodeStyle Font-Bold="True" ForeColor="#990000" /> <PathSeparatorStyle Font-Bold="True" ForeColor="#990000" /> <RootNodeStyle Font-Bold="True" ForeColor="#FF8000" /> </asp:SiteMapPath> </td> </tr> <tr> <td style="width: 500px"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </td> </tr> <tr> <td style="width: 500px; background-color: #ebebff"> 著作權 。。。。。。。</td> </tr> </table> </div> </form> </body> </html>
顯示的效果：
2、建立如下導航結構（統一應用上面的master）
3、添加網站地圖（名稱不可以改）
Web.sitemap下的代碼如下：
<?xml version="1.0" encoding="utf-8" ?> <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNode url="a.aspx" title="首頁" description="1"> <siteMapNode url="b.aspx" title="根目錄B頁" description="2" /> <siteMapNode url="Default.aspx" title="Default頁" description="3" /> <siteMapNode url="" title="one目錄" description="4"> <siteMapNode url="~/one/a.aspx" title="one目錄下的a" description="5"/> <siteMapNode url="~/one/b.aspx" title="one目錄下的b" description="6"/> <siteMapNode url="" title="one目錄下的once目錄" description="7"> <siteMapNode url="~/one/once/a.aspx" title="one目錄下的once目錄下的a" description="8"/> <siteMapNode url="~/one/once/b.aspx" title="one目錄下的once目錄下的b" description="9"/> </siteMapNode> </siteMapNode> <siteMapNode url="" title="two目錄" description="10"> <siteMapNode url="~/two/a.aspx" title="two目錄下的a" description="11"/> <siteMapNode url="~/two/b.aspx" title="two目錄下的b" description="12"/> </siteMapNode> <siteMapNode url="sitemap.aspx" title="動態修改記憶體中" description="動態修改記憶體中的網站地圖"/> </siteMapNode> </siteMap>
4、在根目錄下a.aspx，放一個treeView控制項。建立資料來源為我們建立的網站地圖。
運行後，我們便可以看到效果如圖所示：
接下來會講動態修改記憶體中的網站地圖，什麼叫動態修改記憶體中的網站地圖，到底是什麼意思呢？
例如文章列表中通常都有多篇，我們總不能把這些都放到網站地圖中去，何況文章ID、欄目編號、商品分類或者商品ID也不是我們事先能夠預料到的，那麼網站地圖裡沒有，外面就不能顯示，該怎麼辦呢？這就需要用到動態修改記憶體中的網站地圖了。
如上面提出的問題，我們假設有一個文章管理系統結構如下：
首頁-新聞-國際新聞（列表）
那麼可以假設國際新聞這一級的頁面是list.aspx，不同的欄目會有不同的ID，那麼地址結構就假設如下：
xxx.com--~/news/--list.aspx?id=3&page=12
這樣一個結構，我們對新聞列表頁的處理就可以只在網站地圖中靜態地寫上url="~/news/list.aspx"。那麼如果在別人瀏覽時呈現出上面的結構呢，我們接下來處理。
Web.sitemap:
<?xml version="1.0" encoding="utf-8" ?> <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNode url="a.aspx" title="首頁" description="1"> <siteMapNode url="b.aspx" title="根目錄B頁" description="2" /> <siteMapNode url="Default.aspx" title="Default頁" description="3" /> <siteMapNode url="" title="one目錄" description="4"> <siteMapNode url="~/one/a.aspx" title="one目錄下的a" description="5"/> <siteMapNode url="~/one/b.aspx" title="one目錄下的b" description="6"/> <siteMapNode url="" title="one目錄下的once目錄" description="7"> <siteMapNode url="~/one/once/a.aspx" title="one目錄下的once目錄下的a" description="8"/> <siteMapNode url="~/one/once/b.aspx" title="one目錄下的once目錄下的b" description="9"/> </siteMapNode> </siteMapNode> <siteMapNode url="" title="two目錄" description="10"> <siteMapNode url="~/two/a.aspx" title="two目錄下的a" description="11"/> <siteMapNode url="~/two/b.aspx" title="two目錄下的b" description="12"/> </siteMapNode> <siteMapNode url="sitemap.aspx" title="動態修改記憶體中" description="動態修改記憶體中的網站地圖"/> </siteMapNode> </siteMap>
主要就是用到title為動態修改記憶體中的這一句來示範。
然後在示範頁面sitemap.aspx中放一個SitemapPath控制項，注意設定它的renderCurrentNodeAsLink為true（指示當前結點為連結）
頁面的後台代碼：
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace Navigation { public partial class sitemap : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { //首先我們在這裡註冊一個事件，也就是說在訪問CurrentNode屬性的時候觸發這個事件 SiteMap.SiteMapResolve+=new SiteMapResolveEventHandler(SiteMap_SiteMapResolve); } SiteMapNode SiteMap_SiteMapResolve(object sender,SiteMapResolveEventArgs e) { //我們自訂的處理方法 擷取並建立當前節點的副本，並同時複製他的上級節點 SiteMapNode CurrentNode = SiteMap.CurrentNode.Clone(true); SiteMapNode TempNode = CurrentNode; int id = nid(); int page = npage(); //從下面方法中得到變數 if (id>0) { TempNode.Url = TempNode.Url + "?id=" + id.ToString(); } if (id>0 && page>=0) { TempNode.Url = TempNode.Url + "&page=" + page.ToString(); } else if (page>0) { TempNode.Url = TempNode.Url + "?page=" + page.ToString(); } return TempNode; } //隨便設定一個數。 private int nid() { return 3; } private int npage() { return 12; } } }
解釋：上面的nid()和npage()，是用來擷取參數的兩個方法，實際中根據實際情況而定。
運行，我們看看這個連結的屬性：
到此，我們就很簡單的實現了動態修改記憶體中的網站地圖了！
網站導覽，是我們在BS開發中非常常用的，所以我們還是很有必要深刻掌握的，接下來還會發相關的文章，與大家一討論學習！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
