第九章站點(diǎn)導(dǎo)航技術(shù)第九章站點(diǎn)導(dǎo)航技術(shù)本章目標(biāo)掌握各種網(wǎng)頁導(dǎo)航方法熟練使用站點(diǎn)導(dǎo)航控件2本章目標(biāo)掌握各種網(wǎng)頁導(dǎo)航方法2頁面導(dǎo)航技術(shù)

超鏈接<ahref=””></a>LinkBotton服務(wù)器控件HyperLink服務(wù)器控件頁面重定向Response.RedirectServer.TransferServer.Execute3頁面導(dǎo)航技術(shù)超鏈接3ASP.NET站點(diǎn)導(dǎo)航概述

每個站點(diǎn)都需要一致的導(dǎo)航解決方案，以幫助用戶在不同的頁面之間進(jìn)行跳轉(zhuǎn)。傳統(tǒng)的解決方案：使用超鏈接標(biāo)記：缺點(diǎn)是需要大量的手工編碼和維護(hù)。使用服務(wù)器控件（如HyperLink、LinkButton）：缺點(diǎn)是需要手工編碼。使用編程方法：缺點(diǎn)是增加了程序開發(fā)的復(fù)雜性。4ASP.NET站點(diǎn)導(dǎo)航概述每個站點(diǎn)都需要一致的導(dǎo)航解決方案站點(diǎn)導(dǎo)航系統(tǒng)導(dǎo)航方式硬編碼到頁面文件包含文件用戶控件ASP.NET站點(diǎn)導(dǎo)航系統(tǒng)在頁面散布超鏈接編寫困難修改復(fù)雜不易維護(hù)在每個頁面上進(jìn)行編寫包含一個文件用戶自己編寫控件實(shí)現(xiàn)基于站點(diǎn)地圖5站點(diǎn)導(dǎo)航系統(tǒng)導(dǎo)航方式硬編碼到頁面文件包含文件用戶控件ASP.ASP.NET站點(diǎn)導(dǎo)航

ASP.NET站點(diǎn)導(dǎo)航功能為用戶導(dǎo)航站點(diǎn)提供一致的方法。ASP.NET站點(diǎn)導(dǎo)航將頁面的鏈接存儲在一個站點(diǎn)地圖中，并使用特定Web服務(wù)器導(dǎo)航控件在每頁上顯示導(dǎo)航菜單。6ASP.NET站點(diǎn)導(dǎo)航ASP.NET站點(diǎn)導(dǎo)航功能為用戶導(dǎo)SiteMap系統(tǒng)架構(gòu)數(shù)據(jù)提供者System.Web.XmlSiteMapProviderWeb.sitemap繼承SiteMapPath控件System.Web.SiteMapProvidersSitemapAPIs的使用SiteMapNode的集合綁定SiteMapDataSourceMenu控件TreeView控件ASP.NET中的導(dǎo)航控件7SiteMap系統(tǒng)架構(gòu)數(shù)據(jù)提供者Web.sitemap繼承站點(diǎn)地圖站點(diǎn)地圖是對站點(diǎn)結(jié)構(gòu)的XML描述文件名為Web.sitemap<?xmlversion="1.0"encoding="utf-8"?><siteMapxmlns="/AspNet/SiteMap-File-1.0"><siteMapNodetitle=“主頁"description=""url="Default.aspx"><siteMapNodetitle="SiteMapPath介紹"url="~/navigation.aspx"description=""/><siteMapNodetitle="treeview介紹"url="~/treeviewExample.aspx"description=""/></siteMapNode></siteMap>根節(jié)點(diǎn)，一個站點(diǎn)地圖只能有一個siteMap元素對應(yīng)于頁面的節(jié)點(diǎn)一個節(jié)點(diǎn)描述一個頁面提供鏈接的文本描述文件在解決方案中的位置注意：如果要表示根目錄，需要用“~/”說明性文本并提供光標(biāo)停留時顯示的內(nèi)容8站點(diǎn)地圖站點(diǎn)地圖是對站點(diǎn)結(jié)構(gòu)的XML描述<?xmlversWeb.sitemap注意事項注意事項站點(diǎn)地圖文件Web.sitemap通常位于應(yīng)用程序的根目錄。站點(diǎn)地圖根節(jié)點(diǎn)為<siteMap>元素，每個文件有且僅有一個根節(jié)點(diǎn)。<siteMap>下一級有且僅有一個<siteMapNode>節(jié)點(diǎn)。<siteMapNode>下面可以包含多個新的<siteMapNode>節(jié)點(diǎn)，以創(chuàng)建層次結(jié)構(gòu)。站點(diǎn)地圖中，同一個URL僅能出現(xiàn)一次，通常包含Url、Title和Description屬性。9Web.sitemap注意事項注意事項9站點(diǎn)地圖文件<?xmlversion="1.0"encoding="utf-8"?><siteMapxmlns="/AspNet/SiteMap-File-1.0"><siteMapNodeurl=“/”title=“面向?qū)ο蟮某绦蛟O(shè)計"deｓｃｒｉｐｔion=""><siteMapNodeurl="Default.aspx"title="首頁"deｓｃｒｉｐｔion=""/><siteMapNodeurl="List1.aspx"title="分類一"deｓｃｒｉｐｔion=""><siteMapNodeurl="Article11.aspx"title="文章一"deｓｃｒｉｐｔion=""/><siteMapNodeurl="Article12.aspx"title="文章二"deｓｃｒｉｐｔion=""/></siteMapNode><siteMapNodeurl="List2.aspx"title="分類二"deｓｃｒｉｐｔion=""><siteMapNodeurl="Article21.aspx"title="文章一"deｓｃｒｉｐｔion=""/><siteMapNodeurl="Article22.aspx"title="文章二"deｓｃｒｉｐｔion=""/></siteMapNode></siteMapNode></siteMap>10站點(diǎn)地圖文件<?xmlversion="1.0"enco站點(diǎn)導(dǎo)航服務(wù)器控件

使用站點(diǎn)導(dǎo)航服務(wù)器控件，通過綁定控件到站點(diǎn)地圖數(shù)據(jù)源，可以動態(tài)讀取站點(diǎn)地圖中的導(dǎo)航信息，在Web頁面上生成導(dǎo)航超鏈接。ASP.NET提供的站點(diǎn)導(dǎo)航服務(wù)器控件包括：SiteMapPath：顯示一些鏈接的列表，這些鏈接表示用戶的當(dāng)前頁以及返回至網(wǎng)站根目錄的層次路徑。TreeView：提供樹狀結(jié)構(gòu)導(dǎo)航超鏈接。允許用戶展開或折疊選定節(jié)點(diǎn)。Menu：提供菜單式導(dǎo)航超鏈接。將光標(biāo)懸停在菜單上時，將展開包含子節(jié)點(diǎn)的節(jié)點(diǎn)。11站點(diǎn)導(dǎo)航服務(wù)器控件使用站點(diǎn)導(dǎo)航服務(wù)器控件，通過綁定控件到站SiteMapPath控件SiteMapPath控件用于指示當(dāng)前顯示的頁在站點(diǎn)中位置的引用點(diǎn)。通過讀取站點(diǎn)地圖所提供的數(shù)據(jù)，顯示一些鏈接的列表，這些鏈接表示用戶的當(dāng)前頁以及返回至網(wǎng)站根目錄的層次路徑。12SiteMapPath控件SiteMapPath控件用于指示SiteMapPath控件指示頁面在站點(diǎn)的邏輯位置的導(dǎo)航。該類型的導(dǎo)航可以幫助用戶理解站點(diǎn)結(jié)構(gòu)通過該導(dǎo)航，可以迅速找到相關(guān)的位置13SiteMapPath控件指示頁面在站點(diǎn)的邏輯位置的導(dǎo)航。1SiteMapPath重要屬性PathSeparator屬性控制分隔符的樣式可以通過編輯模板更改分隔符為任意樣式分隔符模板<PathSeparatorTemplate>ParentLevelsDisplayed屬性控制導(dǎo)航顯示的級數(shù)導(dǎo)航過深，影像美觀，可通過該屬性控制級數(shù)SiteMapProvider屬性<asp:SiteMapPathID="SiteMapPath1"runat="server"SiteMapProvider="WebMap"></asp:SiteMapPath>14SiteMapPath重要屬性PathSeparator屬性web.config文件設(shè)置<?xmlversion="1.0"encoding="utf-8"?><configuration><system.web><!--站點(diǎn)地址設(shè)置--><siteMap><providers><addsiteMapFile="Web.sitemap"name="WebMap"type="System.Web.XmlSiteMapProvider,System.Web,Version=,Culture=neutral,PublicKeyToken=b03f5f7f11d50a3a"/></providers></siteMap><compilationdebug="false"/><authenticationmode="Windows"/></system.web></configuration>15web.config文件設(shè)置<?xmlversion="1TreeView控件以樹形目錄方式導(dǎo)航的控件典型的樹形目錄與WinForm中的樹形控件相似，ASP.NET提供了方便的樹形目錄控件的使用方式16TreeView控件以樹形目錄方式導(dǎo)航的控件典型的樹形目錄與TreeView控件

ASP.NETTreeView控件用于以樹狀結(jié)構(gòu)圖形界面顯示分層數(shù)據(jù)，如文件目錄、站點(diǎn)導(dǎo)航地圖等。通過自定義TreeView控件，允許其具有多種外觀。TreeView支持回發(fā)樣式的事件以及簡單的超鏈接導(dǎo)航。

17TreeView控件ASP.NETTreeView控件用TreeView的使用步驟將TreeView導(dǎo)航控件拖入頁面編寫數(shù)據(jù)文件（.xml）設(shè)置數(shù)據(jù)源設(shè)置自動套用格式18TreeView的使用步驟將TreeView導(dǎo)航控件拖入頁面設(shè)置不同的數(shù)據(jù)源TreeView綁定XML文件的方式<asp:TreeViewID="TreeView1"runat="server"DataSourceID="XmlDataSource1"> <DataBindings> <asp:TreeNodeBindingDataMember="siteMapNode" NavigateUrlField="url"TextField="title"/> </DataBindings></asp:TreeView><asp:XmlDataSourceID="XmlDataSource1"runat="server" DataFile="~/App_Data/Web.xml"></asp:XmlDataSource>指定XML文件數(shù)據(jù)源綁定節(jié)點(diǎn)鏈接綁定的屬性顯示文字綁定的屬性指定XML文件的路徑19設(shè)置不同的數(shù)據(jù)源TreeView綁定XML文件的方式<aspTreeView控件使用示例<formid="form1"runat="server"><div><asp:SiteMapDataSourceID="SiteMapDataSource1"runat="server"SiteMapProvider="WebMap"/><asp:TreeViewID="TreeView1"runat="server"DataSourceID="SiteMapDataSource1"ExpandDepth="1"ShowLines="True"></asp:TreeView></div></form>20TreeView控件使用示例<formid="form1"Menu控件Menu控件提供靜態(tài)和動態(tài)混合的菜單功能。靜態(tài)部分是直接顯示在頁面上動態(tài)部分是僅在需要的時候才顯示我們經(jīng)常遇到靜態(tài)和動態(tài)結(jié)合的菜單動態(tài)菜單和靜態(tài)菜單結(jié)合，可以提供更多的選項，又不必?fù)?dān)心占用頁面的空間21Menu控件Menu控件提供靜態(tài)和動態(tài)混合的菜單功能。我們經(jīng)Menu控件

ASP.NETMenu控件用于在ASP.NET網(wǎng)頁中顯示靜態(tài)和動態(tài)菜單。無需編寫任何代碼，便可控制Menu控件的外觀、方向和內(nèi)容。菜單控件由一個或多個MenuItem組成，這些MenuItem一般組織在層次結(jié)構(gòu)的不同級別中。每個MenuItem包含一些屬性，這些屬性確定MenuItem的外觀（如文本和navigateURL等）。22Menu控件ASP.NETMenu控件用于在ASP.NEMenu控件的使用與TreeView類似，只是增加了動態(tài)選擇項。選擇靜態(tài)還是動態(tài)菜單在這里設(shè)置靜態(tài)顯示部分的級別數(shù)23Menu控件的使用與TreeView類似，只是增加了動態(tài)選擇第九章站點(diǎn)導(dǎo)航技術(shù)第九章站點(diǎn)導(dǎo)航技術(shù)本章目標(biāo)掌握各種網(wǎng)頁導(dǎo)航方法熟練使用站點(diǎn)導(dǎo)航控件25本章目標(biāo)掌握各種網(wǎng)頁導(dǎo)航方法2頁面導(dǎo)航技術(shù)

超鏈接<ahref=””></a>LinkBotton服務(wù)器控件HyperLink服務(wù)器控件頁面重定向Response.RedirectServer.TransferServer.Execute26頁面導(dǎo)航技術(shù)超鏈接3ASP.NET站點(diǎn)導(dǎo)航概述

每個站點(diǎn)都需要一致的導(dǎo)航解決方案，以幫助用戶在不同的頁面之間進(jìn)行跳轉(zhuǎn)。傳統(tǒng)的解決方案：使用超鏈接標(biāo)記：缺點(diǎn)是需要大量的手工編碼和維護(hù)。使用服務(wù)器控件（如HyperLink、LinkButton）：缺點(diǎn)是需要手工編碼。使用編程方法：缺點(diǎn)是增加了程序開發(fā)的復(fù)雜性。27ASP.NET站點(diǎn)導(dǎo)航概述每個站點(diǎn)都需要一致的導(dǎo)航解決方案站點(diǎn)導(dǎo)航系統(tǒng)導(dǎo)航方式硬編碼到頁面文件包含文件用戶控件ASP.NET站點(diǎn)導(dǎo)航系統(tǒng)在頁面散布超鏈接編寫困難修改復(fù)雜不易維護(hù)在每個頁面上進(jìn)行編寫包含一個文件用戶自己編寫控件實(shí)現(xiàn)基于站點(diǎn)地圖28站點(diǎn)導(dǎo)航系統(tǒng)導(dǎo)航方式硬編碼到頁面文件包含文件用戶控件ASP.ASP.NET站點(diǎn)導(dǎo)航

ASP.NET站點(diǎn)導(dǎo)航功能為用戶導(dǎo)航站點(diǎn)提供一致的方法。ASP.NET站點(diǎn)導(dǎo)航將頁面的鏈接存儲在一個站點(diǎn)地圖中，并使用特定Web服務(wù)器導(dǎo)航控件在每頁上顯示導(dǎo)航菜單。29ASP.NET站點(diǎn)導(dǎo)航ASP.NET站點(diǎn)導(dǎo)航功能為用戶導(dǎo)SiteMap系統(tǒng)架構(gòu)數(shù)據(jù)提供者System.Web.XmlSiteMapProviderWeb.sitemap繼承SiteMapPath控件System.Web.SiteMapProvidersSitemapAPIs的使用SiteMapNode的集合綁定SiteMapDataSourceMenu控件TreeView控件ASP.NET中的導(dǎo)航控件30SiteMap系統(tǒng)架構(gòu)數(shù)據(jù)提供者Web.sitemap繼承站點(diǎn)地圖站點(diǎn)地圖是對站點(diǎn)結(jié)構(gòu)的XML描述文件名為Web.sitemap<?xmlversion="1.0"encoding="utf-8"?><siteMapxmlns="/AspNet/SiteMap-File-1.0"><siteMapNodetitle=“主頁"description=""url="Default.aspx"><siteMapNodetitle="SiteMapPath介紹"url="~/navigation.aspx"description=""/><siteMapNodetitle="treeview介紹"url="~/treeviewExample.aspx"description=""/></siteMapNode></siteMap>根節(jié)點(diǎn)，一個站點(diǎn)地圖只能有一個siteMap元素對應(yīng)于頁面的節(jié)點(diǎn)一個節(jié)點(diǎn)描述一個頁面提供鏈接的文本描述文件在解決方案中的位置注意：如果要表示根目錄，需要用“~/”說明性文本并提供光標(biāo)停留時顯示的內(nèi)容31站點(diǎn)地圖站點(diǎn)地圖是對站點(diǎn)結(jié)構(gòu)的XML描述<?xmlversWeb.sitemap注意事項注意事項站點(diǎn)地圖文件Web.sitemap通常位于應(yīng)用程序的根目錄。站點(diǎn)地圖根節(jié)點(diǎn)為<siteMap>元素，每個文件有且僅有一個根節(jié)點(diǎn)。<siteMap>下一級有且僅有一個<siteMapNode>節(jié)點(diǎn)。<siteMapNode>下面可以包含多個新的<siteMapNode>節(jié)點(diǎn)，以創(chuàng)建層次結(jié)構(gòu)。站點(diǎn)地圖中，同一個URL僅能出現(xiàn)一次，通常包含Url、Title和Description屬性。32Web.sitemap注意事項注意事項9站點(diǎn)地圖文件<?xmlversion="1.0"encoding="utf-8"?><siteMapxmlns="/AspNet/SiteMap-File-1.0"><siteMapNodeurl=“/”title=“面向?qū)ο蟮某绦蛟O(shè)計"deｓｃｒｉｐｔion=""><siteMapNodeurl="Default.aspx"title="首頁"deｓｃｒｉｐｔion=""/><siteMapNodeurl="List1.aspx"title="分類一"deｓｃｒｉｐｔion=""><siteMapNodeurl="Article11.aspx"title="文章一"deｓｃｒｉｐｔion=""/><siteMapNodeurl="Article12.aspx"title="文章二"deｓｃｒｉｐｔion=""/></siteMapNode><siteMapNodeurl="List2.aspx"title="分類二"deｓｃｒｉｐｔion=""><siteMapNodeurl="Article21.aspx"title="文章一"deｓｃｒｉｐｔion=""/><siteMapNodeurl="Article22.aspx"title="文章二"deｓｃｒｉｐｔion=""/></siteMapNode></siteMapNode></siteMap>33站點(diǎn)地圖文件<?xmlversion="1.0"enco站點(diǎn)導(dǎo)航服務(wù)器控件

使用站點(diǎn)導(dǎo)航服務(wù)器控件，通過綁定控件到站點(diǎn)地圖數(shù)據(jù)源，可以動態(tài)讀取站點(diǎn)地圖中的導(dǎo)航信息，在Web頁面上生成導(dǎo)航超鏈接。ASP.NET提供的站點(diǎn)導(dǎo)航服務(wù)器控件包括：SiteMapPath：顯示一些鏈接的列表，這些鏈接表示用戶的當(dāng)前頁以及返回至網(wǎng)站根目錄的層次路徑。TreeView：提供樹狀結(jié)構(gòu)導(dǎo)航超鏈接。允許用戶展開或折疊選定節(jié)點(diǎn)。Menu：提供菜單式導(dǎo)航超鏈接。將光標(biāo)懸停在菜單上時，將展開包含子節(jié)點(diǎn)的節(jié)點(diǎn)。34站點(diǎn)導(dǎo)航服務(wù)器控件使用站點(diǎn)導(dǎo)航服務(wù)器控件，通過綁定控件到站SiteMapPath控件SiteMapPath控件用于指示當(dāng)前顯示的頁在站點(diǎn)中位置的引用點(diǎn)。通過讀取站點(diǎn)地圖所提供的數(shù)據(jù)，顯示一些鏈接的列表，這些鏈接表示用戶的當(dāng)前頁以及返回至網(wǎng)站根目錄的層次路徑。35SiteMapPath控件SiteMapPath控件用于指示SiteMapPath控件指示頁面在站點(diǎn)的邏輯位置的導(dǎo)航。該類型的導(dǎo)航可以幫助用戶理解站點(diǎn)結(jié)構(gòu)通過該導(dǎo)航，可以迅速找到相關(guān)的位置36SiteMapPath控件指示頁面在站點(diǎn)的邏輯位置的導(dǎo)航。1SiteMapPath重要屬性PathSeparator屬性控制分隔符的樣式可以通過編輯模板更改分隔符為任意樣式分隔符模板<PathSeparatorTemplate>ParentLevelsDisplayed屬性控制導(dǎo)航顯示的級數(shù)導(dǎo)航過深，影像美觀，可通過該屬性控制級數(shù)SiteMapProvider屬性<asp:SiteMapPathID="SiteMapPath1"runat="server"SiteMapProvider="WebMap"></asp:SiteMapPath>37SiteMapPath重要屬性PathSeparator屬性web.config文件設(shè)置<?xmlversion="1.0"encoding="utf-8"?><configuration><system.web><!--站點(diǎn)地址設(shè)置--><siteMap><providers><addsiteMapFile="Web.sitemap"name="WebMap"type="System.Web.XmlSiteMapProvider,System.Web,Version=,Culture=neutral,PublicKeyToken=b03f5f7f11d50a3a"/></providers></siteMap><compilationdebug="false"/><authenticationmode="Windows"/></system.web></configuration>38web.config文件設(shè)置<?xmlversion="1TreeView控件以樹形目錄方式導(dǎo)航的控件典型的樹形目錄與WinForm中的樹形控件相似，ASP.NET提供了方便的樹形目錄控件的使用方式39TreeView控件以樹形目錄方式導(dǎo)航的控件典型的樹形目錄與TreeView控件

ASP.NETTreeView控件用于以樹狀結(jié)構(gòu)圖形界面顯示分層數(shù)據(jù)，如文件目錄、站點(diǎn)導(dǎo)航地圖等。通過自定義TreeView控件，允許其具有多種外觀。TreeView支持回發(fā)樣式的事件以及簡單的超鏈接導(dǎo)航。

40TreeView控件ASP.NETTreeView控件用TreeView的使用步驟將TreeView導(dǎo)航控件拖入頁面編寫數(shù)據(jù)文件（.xml）設(shè)置數(shù)據(jù)源設(shè)置自動套用格式41TreeView的使用步驟將TreeView導(dǎo)航控件拖入頁面設(shè)置不同的數(shù)據(jù)源TreeView綁定XML文件的方式<asp:TreeViewID="TreeView1"runat="server"DataSourceID="XmlDataSource1"> <DataBindings> <asp:TreeNodeBindingDataMember="siteMapNode" NavigateUrlField="url"TextField="title"/> </Dat