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

2022-10-26 15:23:57

今天做网站的时候，用到了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文件中的配置如下：

 <system.web>

 <siteMap defaultProvider="XmlSiteMapProvider" enabled="true">

       <providers>

         <add name="XmlSiteMapProvider"

             description="SiteMap provider which reads in .sitemap XML files."

             type="System.Web.XmlSiteMapProvider, System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"

             siteMapFile="web.sitemap"/>

       </providers>

     </siteMap>

 </system.web>

　　　　　　　　　　　　4.这样眉毛导航就完成了。

码农公寓

相关文章