“眉毛導航”——SiteMapPath控件的使用（ASP.NET）

2019-11-14 14:17:05

字體：大中小

來源：轉載

供稿：網友

今天做網站的時候，用到了SiteMapPath控件，我把使用方法記錄下來，以便日后查閱以及幫助新手朋友們。

　　SiteMapPath”會顯示一個導航路徑（也稱為痕跡導航或眉毛導航），此路徑為用戶顯示當前網頁的位置，并顯示返回到主頁的路徑鏈接。該控件提供了許多可供自定義鏈接外觀的選項。使用“SiteMapPath”控件無需代碼和綁定數據就能創建網站導航。此控件可自動讀取和呈現網站圖信息。

　　SiteMapPath的用法：1.首先要創建一個站點地圖Web.sitemap（因為SiteMapPath控件要依賴站點地圖才能顯示，右鍵-->添加新項-->站點地圖-->添加）最好在根目錄下

　　Web.sitemap下的代碼如下：

                            <?xml version="1.0" encoding="utf-8" ?>　　　　　　　　　　　　　　　　<siteMap xmlns="http://schemas.microsoft.com/aspNet/SiteMap-File-1.0" >  　　　　　　　　　　　　　　　　<siteMapNode title="您所在的位置">    　　　　　　　　　　　　　　　　<siteMapNode url="index.aspx" title="首頁"  description="請點擊進入首頁">      　　　　　　　　　　　　　　　　<siteMapNode url="img_News.aspx" title="圖片新聞" description="圖片新聞"/>　　　　     　　　　　　　　　　　　　　　　      　　　　　　　　　　　　　　　　<siteMapNode url="News.aspx" title="新聞中心" description="新聞中心"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News_work.aspx" title="工作動態" description="工作動態"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News_inform.aspx" title="公示公告" description="公示公告"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News1.aspx" title="經濟新聞" description="經濟新聞"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News2.aspx" title="省內新聞" description="省內新聞"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News3.aspx" title="熱點新聞" description="熱點新聞"/>      　　　　　　　　　　　　　　　　<siteMapNode url="jddt.aspx" title="街道動態" description="街道動態"/>　　      　　　　　　　　　　　　　　<siteMapNode url="zwgk.aspx" title="政務公開" description="政務公開"/>        　　　　　　　　　　　　　　　　<siteMapNode url="Leaders.aspx" title="領導班子" description="領導班子"/>        　　　　　　　　　　　　　　　　<siteMapNode url="jgsz.aspx" title="機構設置" description="機構設置"/>        　　　　　　　　　　　　　　　　<siteMapNode url="Laws.aspx" title="政策法規" description="政策法規"/>        　　　　　　　　　　　　　　　　<siteMapNode url="work.aspx" title="工作動態" description="工作動態"/>      　　　　　　　　　　　　　　　　<siteMapNode url="sqjs.aspx" title="社區建設" description="社區建設"/>        　　　　　　　　　　　　　　　　<siteMapNode url="sqjs1.aspx" title="社區介紹" description="社區介紹"/>        　　　　　　　　　　　　　　　　<siteMapNode url="sqjs2.aspx" title="社區動態" description="社區動態"/>      　　　　　　　　　　　　　　　　<siteMapNode url="Network.aspx" title="網上辦事" description="網上辦事"/>        　　        　　　　　　　　　　　　<siteMapNode url="Network1.aspx" title="辦事指南" description="辦事指南"/>        　　　　　　　　　　　　　　　　　<siteMapNode url="Network2.aspx" title="辦事流程" description="辦事流程"/>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<siteMapNode url="Network3.aspx" title="在線辦理" description="在線辦理"/>    　　　　　　　　　　</siteMapNode>  　　　　　　　　　　</siteMapNode>　　　　　　　　</siteMap>

　　　　　　　　　　　　2.在aspx網頁中添加 SiteMapPath 控件。（將“SiteMapPath”控件從“工具箱”任務窗格拖放到網頁上）

　　　　　　　　　　　　　　aspx網頁下的代碼如下：

<asp:SiteMapPath ID="SiteMapPath1" runat="server"     style="font-family: 幼圓; font-size: medium" Font-Names="Verdana" Font-Size="0.8em" PathSeparator=" > ">    <PathSeparatorStyle Font-Bold="True" ForeColor="#990000" />    <CurrentNodeStyle ForeColor="#333333" />    <NodeStyle Font-Bold="True" ForeColor="#990000" />    <RootNodeStyle Font-Bold="True" ForeColor="#FF8000" /></asp:SiteMapPath>

　　　　　　　　　　　　此時，例如你在的頁面名為News.aspx，那么它顯示的效果為“您所在的位置 > 首頁 > 新聞動態”。

　　　　　　　　　　　　3、在web.config文件中的配置如下：

 1 <system.web> 2  3 <siteMap defaultPRovider="XmlSiteMapProvider" enabled="true"> 4  5       <providers> 6  7         <add name="XmlSiteMapProvider" 8  9             description="SiteMap provider which reads in .sitemap XML files."10 11             type="System.Web.XmlSiteMapProvider, System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"12 13             siteMapFile="web.sitemap"/>14 15       </providers>16 17     </siteMap>18 19 </system.web>