導航實際上給訪問者提供了一個地圖類似的東西,讓訪問者更快地找到想要的東西。
在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開發中非常常用的,所以我們還是很有必要深刻掌握的,接下來還會發相關的文章,與大家一討論學習!