良许Linux教程网 干货合集 详解ASP.NET Web Forms – 导航

详解ASP.NET Web Forms – 导航

ASP.NET 带有内建的导航控件。

ASP.NET Web Forms – 导航简介ASP.NET Web Forms – 导航简介

网站导航

维护大型网站的菜单是困难而且费时的。

在 ASP.NET 中,菜单可存储在文件中,这样易于维护。文件通常名为 web.sitemap,并且被存放在网站的根目录下。

此外,ASP.NET 有三个心的导航控件:

  1. Dynamic menus
  2. TreeViews
  3. Site Map Path

Sitemap 文件

在本教程中,使用下面的 sitemap 文件:

"1.0" encoding="ISO-8859-1" ?>
"Home" url="/aspnet/w3home.aspx">
"Services" url="/aspnet/w3services.aspx">    
"Training" url="/aspnet/w3training.aspx"/>
"Support" url="/aspnet/w3support.aspx"/>

创建 sitemap 文件的规则:

  • XML 文件必须包含 围绕内容的 标签
  • 标签只能有一个 子节点( “home” 页面)
  • 每个 可以有多个子节点(网页)
  • 每个 带有定义页面标题和 URL 的属性

注释:sitemap 文件必须位于站点根目录下,URL 属性必须相对于该根目录。

动态菜单

asp:Menu 控件可显示标准的站点导航菜单。

代码实例:

"nav1" runat="server" />
"server"> "server" DataSourceId="nav1" />

上面实例中的 asp:Menu 控件是一个供服务器创建导航菜单的占位符。

控件的数据源由 DataSourceId 属性定义。 id=”nav1″ 把数据源连接到 asp:SiteMapDataSource 控件。

控件的数据源由 DataSourceId 属性定义。 id=”nav1″ 把数据源连接到 **asp:SiteMapDataSource**控件。

asp:SiteMapDataSource 控件自动连接默认的 sitemap 文件(web.sitemap)。

TreeView

asp:TreeView 控件可显示多级导航菜单。

这种菜单看上去像一棵带有枝叶的树,可通过 + 或 – 符号来打开或关闭。

代码实例:这种菜单看上去像一棵带有枝叶的树,可通过 + 或 – 符号来打开或关闭。

代码实例:

"nav1" runat="server" />
"server"> "server" DataSourceId="nav1" />

上面实例中的 asp:TreeView 控件是一个供服务器创建导航菜单的占位符。

控件的数据源由 DataSourceId 属性定义。 id=”nav1″ 把数据源连接到 asp:SiteMapDataSource 控件。

asp:SiteMapDataSource 控件自动连接默认的 sitemap 文件(web.sitemap)。

SiteMapPath

SiteMapPath 控件可显示指向当前页面的指针(导航路径)。该路径显示为指向上级页面的可点击链接。

与 TreeView 和 Menu 控件不同,SiteMapPath 控件不使用 SiteMapDataSource。SiteMapPath 控件默认使用 web.sitemap 文件。

lamp提示:如果 SiteMapPath 没有正确显示,很可能是由于 web.sitemap 文件中存在 URL 错误(打印错误)。

代码实例:

"server"> "server" />

上面实例中的 asp:SiteMapPath 控件是一个供服务器创建导航菜单的占位符。

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

137e00002230ad9f26e78-265x300
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部