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

王朝学院·作者佚名  2016-08-28
窄屏简体版  字體: 小  |  中  |  大  |  超大  

今天做网站的时候,用到了SiteMapPath控件,我把使用方法记录下来,以便日后查阅以及帮助新手朋友们。

SiteMapPath”会显示一个导航路径(也称为痕迹导航或眉毛导航),此路径为用户显示当前网页的位置,并显示返回到主页的路径链接。该控件提供了许多可供自定义链接外观的选项。使用“SiteMapPath”控件无需代码和绑定数据就能创建网站导航。此控件可自动读取和呈现网站图信息。

SiteMapPath的用法:1.首先要创建一个站点地图Web.sitemap(因为SiteMapPath控件要依赖站点地图才能显示,右键-->添加新项-->站点地图-->添加)最好在根目录下

Web.sitemap下的代码如下:

<?xmlversion="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>23<siteMap defaultPRovider="XmlSiteMapProvider"enabled="true">45<providers>67<add name="XmlSiteMapProvider"89description="SiteMap provider which reads in .sitemap XML files."1011type="System.Web.XmlSiteMapProvider, System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"1213siteMapFile="web.sitemap"/>1415</providers>1617</siteMap>1819</system.web>

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航