使用Visual Studio创建一个C#的Web项目,然后创建Web.sitemap
【添加】——【新建项】
创建成功的Web.sitemap初始内容如下:
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="" title="" description="">
<siteMapNode url="" title="" description="" />
<siteMapNode url="" title="" description="" />
</siteMapNode>
</siteMap>
添加节点的语法很简单,使用<siteMapNode>元素即可。
属性 | 说明 |
---|---|
description | 描述超链接的作用,当鼠标指针指向超链接时会给出提示信息 |
siteMapFile | 引用另一个网站地图文件 |
title | 表示超链接的显示文本,即导航节点 |
url | 超链接目标页的URL地址 |
添加Web.sitemap内容为如下:
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="" title="" description="">
<siteMapNode url="~/1.aspx" title="首页" description="首页" >
<siteMapNode url="~/2.aspx" title="学院" description="学院" >
<siteMapNode url="~/2-1.aspx" title="信息技术学院" description="信息技术学院">
<siteMapNode url="~/2-1-1.aspx" title="计算机科学与技术" description="计算机科学与技术"/>
<siteMapNode url="~/2-1-2.aspx" title="物联网工程" description="物联网工程"/>
</siteMapNode>
<siteMapNode url="~/2-2.aspx" title="外国语学院" description="外国语学院"/>
<siteMapNode url="~/2-3.aspx" title="文学院" description="文学院"/>
</siteMapNode>
</siteMapNode>
</siteMapNode>
</siteMap>
该Web.sitemap会自动被SiteMapPath控件引用。
接着在项目根目录下创建名为1.aspx的文件(aspx文件名称要和地图Web.sitemap上的url地址相对应,如果名字不一样,则无法显示导航成功。)
在该页添加一个SiteMapPath控件即可,无需做任何配置,
该页的源代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
SiteMapPath导航控件测试:<br />
当前位置:<asp:SiteMapPath ID="SiteMapPath1" runat="server">
</asp:SiteMapPath>
</div>
</form>
</body>
</html>
该页面控件预览如下:
点击运行程序,浏览器效果如下:
再在项目的根目录下创建一个名为2-1-1.aspx的Web窗体文件。
同样添加一个SiteMapPath控件,不做任何配置
该页的源代码为:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="2-1-1.aspx.cs" Inherits="WebApplication1._2_11" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
SiteMapPath导航控件测试:<br />
当前位置:<asp:SiteMapPath ID="SiteMapPath1" runat="server">
</asp:SiteMapPath>
</div>
</form>
</body>
</html>
运行程序,浏览器效果如下:
此即是SiteMapPath控件的基本使用了。