“眉毛導(dǎo)航”——SiteMapPath控件的使用（ASP.NET）

2019-11-14 14:17:05

字體：大中小

供稿：網(wǎng)友

今天做網(wǎng)站的時(shí)候，用到了SiteMapPath控件，我把使用方法記錄下來(lái)，以便日后查閱以及幫助新手朋友們。

　　SiteMapPath”會(huì)顯示一個(gè)導(dǎo)航路徑（也稱(chēng)為痕跡導(dǎo)航或眉毛導(dǎo)航），此路徑為用戶(hù)顯示當(dāng)前網(wǎng)頁(yè)的位置，并顯示返回到主頁(yè)的路徑鏈接。該控件提供了許多可供自定義鏈接外觀的選項(xiàng)。使用“SiteMapPath”控件無(wú)需代碼和綁定數(shù)據(jù)就能創(chuàng)建網(wǎng)站導(dǎo)航。此控件可自動(dòng)讀取和呈現(xiàn)網(wǎng)站圖信息。

　　SiteMapPath的用法：1.首先要?jiǎng)?chuàng)建一個(gè)站點(diǎn)地圖Web.sitemap（因?yàn)镾iteMapPath控件要依賴(lài)站點(diǎn)地圖才能顯示，右鍵-->添加新項(xiàng)-->站點(diǎn)地圖-->添加）最好在根目錄下

　　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="首頁(yè)"  description="請(qǐng)點(diǎn)擊進(jìn)入首頁(yè)">      　　　　　　　　　　　　　　　　<siteMapNode url="img_News.aspx" title="圖片新聞" description="圖片新聞"/>　　　　     　　　　　　　　　　　　　　　　      　　　　　　　　　　　　　　　　<siteMapNode url="News.aspx" title="新聞中心" description="新聞中心"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News_work.aspx" title="工作動(dòng)態(tài)" description="工作動(dòng)態(tài)"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News_inform.aspx" title="公示公告" description="公示公告"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News1.aspx" title="經(jīng)濟(jì)新聞" description="經(jīng)濟(jì)新聞"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News2.aspx" title="省內(nèi)新聞" description="省內(nèi)新聞"/>        　　　　　　　　　　　　　　　　<siteMapNode url="News3.aspx" title="熱點(diǎn)新聞" description="熱點(diǎn)新聞"/>      　　　　　　　　　　　　　　　　<siteMapNode url="jddt.aspx" title="街道動(dòng)態(tài)" description="街道動(dòng)態(tài)"/>　　      　　　　　　　　　　　　　　<siteMapNode url="zwgk.aspx" title="政務(wù)公開(kāi)" description="政務(wù)公開(kāi)"/>        　　　　　　　　　　　　　　　　<siteMapNode url="Leaders.aspx" title="領(lǐng)導(dǎo)班子" description="領(lǐng)導(dǎo)班子"/>        　　　　　　　　　　　　　　　　<siteMapNode url="jgsz.aspx" title="機(jī)構(gòu)設(shè)置" description="機(jī)構(gòu)設(shè)置"/>        　　　　　　　　　　　　　　　　<siteMapNode url="Laws.aspx" title="政策法規(guī)" description="政策法規(guī)"/>        　　　　　　　　　　　　　　　　<siteMapNode url="work.aspx" title="工作動(dòng)態(tài)" description="工作動(dòng)態(tài)"/>      　　　　　　　　　　　　　　　　<siteMapNode url="sqjs.aspx" title="社區(qū)建設(shè)" description="社區(qū)建設(shè)"/>        　　　　　　　　　　　　　　　　<siteMapNode url="sqjs1.aspx" title="社區(qū)介紹" description="社區(qū)介紹"/>        　　　　　　　　　　　　　　　　<siteMapNode url="sqjs2.aspx" title="社區(qū)動(dòng)態(tài)" description="社區(qū)動(dòng)態(tài)"/>      　　　　　　　　　　　　　　　　<siteMapNode url="Network.aspx" title="網(wǎng)上辦事" description="網(wǎng)上辦事"/>        　　        　　　　　　　　　　　　<siteMapNode url="Network1.aspx" title="辦事指南" description="辦事指南"/>        　　　　　　　　　　　　　　　　　<siteMapNode url="Network2.aspx" title="辦事流程" description="辦事流程"/>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<siteMapNode url="Network3.aspx" title="在線辦理" description="在線辦理"/>    　　　　　　　　　　</siteMapNode>  　　　　　　　　　　</siteMapNode>　　　　　　　　</siteMap>

　　　　　　　　　　　　2.在aspx網(wǎng)頁(yè)中添加 SiteMapPath 控件。（將“SiteMapPath”控件從“工具箱”任務(wù)窗格拖放到網(wǎng)頁(yè)上）

　　　　　　　　　　　　　　aspx網(wǎng)頁(yè)下的代碼如下：

<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>

　　　　　　　　　　　　此時(shí)，例如你在的頁(yè)面名為News.aspx，那么它顯示的效果為“您所在的位置 > 首頁(yè) > 新聞動(dòng)態(tài)”。

　　　　　　　　　　　　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>