程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET站點導航應用詳解

ASP.NET站點導航應用詳解

編輯:ASP.NET基礎

 導航實際上給訪問者提供了一個地圖類似的東西,讓訪問者更快地找到想要的東西。

在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開發中非常常用的,所以我們還是很有必要深刻掌握的,接下來還會發相關的文章,與大家一討論學習!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved