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


今天做網站的時候,用到了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>

            4.這樣眉毛導航就完成了。

 

             


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM