ASP.NET网站导航及导航控件如何使用
网站导航?
传统的网站导航需要我们在是在页面上弄超链接的方式来实现的,在页面修改或移动的的时候需要一一在每个页中都要进行修改,这样会很麻烦。
在网站中建立网站地图,也就是把所有的链接地址放在一个专门的文件中进行统一管理,这样就很方面的进行管理。
怎么弄网站导航?怎么做?
需要在VS中新建网站地图文件,再把网站地图文件与我们想要的导航控件相关联,这样就可以实现导航的效果了,我们要更改某个地址,就直接在站点地图.siteMap文件中更改就行了。
vs中如何添加网站地图?
在vs中新建项中选择"站点地图"新建站点地图。
要使用站点地图,我们需要把站点地图文件添加到网站根文件夹下。
在新建一个站点地图文件的时候,默认的代码如下所示:
<?xml version="1.0"encoding="utf-8" ?> <siteMapxmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNodeurl="" title="" description=""> <siteMapNodeurl=""title="" description="" /> <siteMapNodeurl=""title="" description="" /> </siteMapNode> </siteMap>
我们可以从代码中看出文件的根元素siteMap包含了<siteMapNode>元素,这些<siteMapNode>元素形成树形结构,第一层为网站的主页。
<siteMapNode>元素常用的属性表。
复杂的导航为了更能清晰的显示,我们可以多用几个.mapMap文件,也就是嵌套网站地图。
我们在新建一个文件夹,在这个文件夹下建两个网站地图文件,Products.siteMap和Servers.sitMap,建立Web.siteMap放到网站的根目录下,用web.site的siteMapFile属性来链接其他两个.siteMap文件。 代码如下所示:
Products.siteMap:
<?xml version="1.0"encoding="utf-8" ?> <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNode title="Products" description="我们的产品" url="~/chap/Products.aspx"> <siteMapNode url="~/chap/Software.aspx"title="软件" description="软件的提供" /> <siteMapNode url="~/chap/Hardware.aspx"title="硬件" description="硬件的提供" /> </siteMapNode> </siteMap> Services.siteMap文件: <?xml version="1.0"encoding="utf-8" ?> <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNodeurlsiteMapNodeurl="~/chap/Services.aspx"title="Services" description="我们提供的服务"> <siteMapNode url="~/chap/Training.aspx"title="训练" description="训练" /> <siteMapNode url="~/chap/Consulting.aspx"title="咨询" description="问题咨询" /> <siteMapNode url="~/chap/Support.aspx"title="支持" description="技术支持" /> </siteMapNode> </siteMap>
Web.siteMap文件:
<?xml version="1.0"encoding="utf-8" ?> <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNodeurlsiteMapNodeurl="home.aspx" title="home" description="home"> <siteMapNode siteMapFile="~/chap/Products.sitemap" /> <siteMapNodesiteMapFilesiteMapNodesiteMapFile="~/chap/Services.sitemap" /> </siteMapNode> </siteMap>
导航地图建立完了,接下来显示导航地图。
SiteMapPath控件显示导航
直接把控件拖动到要导航的页面就可以了。控件会自动与导航地图进行绑定。
显示:
TreeView控件显示导航
TreeView控件通常用来树形结构的站点导航,可以用来显示XML、表格或关系数据。
基本的操作:
TreeView每个节点其实都一个是个TreeNode类的对象。可以通过编程操作TreeNode对象动态的添加和修改。可以通过数据源控件进行绑定,例如通过SiteMapDataSource空调感觉爱你或XmlDataSource控件。
TreeViewcollapseAll()和ExpandAll()方法折叠和展开节点。利用Nodes.Add()方法添加到节点到控件中,Nodes.Remove()方法删除指定节点。
DEMO:
在这里只是为了熟悉TreeView,也没有实现,鼠标右击对TreeView操作,和只刷新TreeView控件,以及和数据绑定。只是为了熟悉TreeView而熟悉TreeView。
myTreeView代码:
<%@ PageLanguage="C#" AutoEventWireup="true"CodeFile="Menu.aspx.cs"Inherits="Menu" %> <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <formidformid="form1" runat="server"> <div> </div> <asp:Menu ID="Menu1" runat="server"> <Items> <asp:MenuItem Text="米老师" Value="米老师"></asp:MenuItem> <asp:MenuItem Text="七期" Value="七期"> <asp:MenuItem Text="师姐一" Value="师姐一"></asp:MenuItem> <asp:MenuItem Text="师姐二" Value="师姐二"></asp:MenuItem> </asp:MenuItem> <asp:MenuItem Text="八期" Value="八期"> <asp:MenuItem Text="英语部" Value="英语部"></asp:MenuItem> <asp:MenuItem Text="值日生部门" Value="值日生部门"></asp:MenuItem> </asp:MenuItem> <asp:MenuItem Text="九期" Value="九期"></asp:MenuItem> <asp:MenuItem Text="十期" Value="十期"></asp:MenuItem> <asp:MenuItem Text="十一期" Value="十一期"></asp:MenuItem> </Items> </asp:Menu> </form> </body> </html>
C#代码:
public partial class chap_myTreeView: System.Web.UI.Page { //移除当前节点 protectedvoid RemoveNode_Click(object sender, EventArgs e) { //如果存在当前节点。 if (myTreeView.SelectedNode !=null) { //获取当前节点的父节点。 TreeNode parentNode= myTreeView.SelectedNode.Parent; //移除当前节点。 if (parentNode !=null) { parentNode.ChildNodes.Remove(myTreeView.SelectedNode); } else { myTreeView.Nodes.Remove(myTreeView.SelectedNode); } } } //添加当前节点。 protectedvoid AddNode_Click(object sender, EventArgse) { //如果添加当前节点的值为空,则返回。 if (txtAdd.Text.Trim().Length <1) { return; } //建立节点的childNode,设置Value属性。 TreeNode chileNode = new TreeNode(); //给新加的节点赋值。 chileNode.Value = txtAdd.Text.Trim(); //判断是否选中一个节点。 if (myTreeView.SelectedNode !=null)//如果存在当前节点。 { //将新的childNode对象添加到当前节点。 myTreeView.SelectedNode.ChildNodes.Add(chileNode); txtAdd.Text = ""; } else { //作为根节点添加到树中。 myTreeView.Nodes.Add(chileNode); //清楚文本框。 txtAdd.Text = ""; } } //将树全部的折叠。 protectedvoid FlodNodes_Click(object sender, EventArgs e) { myTreeView.CollapseAll();//将树全部折叠起来. } //全部展开. protectedvoid OpenAllNode_Click(object sender, EventArgs e) { myTreeView.ExpandAll();//全部展开树. } }
效果:
Menu控件和TreeView大同小异,在这就不赘述了。
Word中的导航让我们一目了然的了解到文章的主体内容,我想每个看过厚厚文档的程序员对word的导航都深有体会。清晰合理的导航有效引导用户到网站的各个角落,百度地图能让我们找到每一块有名字的土地。一篇文章上说过,SEO行业里总流传着这么句经典话语:“内容为王,外链为皇,内链为妃,关键词为相,代码为将,结构为城,更新为太子,百度垂帘听政。那导航不就是链接地址,也就处在皇妃的位置了。。。。
希望这篇关于ASP.NET网站导航及导航控件的文章希望对大家的学习有所帮助。
相关文章
- 这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 在开发过程中,使用Visual Studio的断点调试功能可以很方便帮我们调试发现程序存在的错误,同样Visual Studio也支持对SQL Server里面的存储过程进行调试,下面就让我们看看具体的调试方法。...2021-09-22
ASP.NET Core根据环境变量支持多个 appsettings.json配置文件
这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22- 这篇文章主要介绍了记一次EFCore类型转换错误及解决方案,帮助大家更好的理解和学习使用asp.net core,感兴趣的朋友可以了解下...2021-09-22
详解ASP.NET Core 中基于工厂的中间件激活的实现方法
这篇文章主要介绍了ASP.NET Core 中基于工厂的中间件激活的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22asp.net通过消息队列处理高并发请求(以抢小米手机为例)
这篇文章主要介绍了asp.net通过消息队列处理高并发请求(以抢小米手机为例),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22ASP.NET 2.0中的数据操作:使用两个DropDownList过滤的主/从报表
在前面的指南中我们研究了如何显示一个简单的主/从报表, 该报表使用DropDownList和GridView控件, DropDownList填充类别,GridView显示选定类别的产品. 这类报表用于显示具有...2016-05-19ASP.NET单选按钮控件RadioButton常用属性和方法介绍
RadioButton又称单选按钮,其在工具箱中的图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选钮中只能选择一个...2021-09-22ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下...2021-09-22- ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了ASP.NET连接MySql数据库的2个方法及示例,使用的是MySQL官方组件和ODBC.NET,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了Asp.Net使用Bulk实现批量插入数据的方法,对于进行asp.net数据库程序设计非常有借鉴价值,需要的朋友可以参考下...2021-09-22
在ASP.NET 2.0中操作数据之二十九:用DataList和Repeater来显示数据
本文主要讲解ASP.NET 2.0中如何使用DataList 和 Repeater 来呈现数据,DataList包含一个table标记,而Repeater不会添加任何额外的代码,个人在实际开发中更推荐使用Repeater。...2021-09-22- 这篇文章主要介绍了获取DataTable选择第一行某一列值,需要的朋友可以参考下...2021-09-22
- 这篇文章介绍了Asp.net动态生成html页面的方法,有需要的朋友可以参考一下...2021-09-22
- 这篇文章主要介绍了ASP.Net中的async+await异步编程的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
- 这篇文章主要介绍了详解ASP.NET Core Token认证,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...2021-09-22
ASP.NET百度Ueditor编辑器实现上传图片添加水印效果
这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料,文中通过图文及示例代码介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。...2021-09-22- .net core是最近讨论频率很高的话题,下面这篇文章主要给大家介绍了关于利用.NET Core如何获取操作系统中各种信息的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧...2021-09-22
- 本篇文章主要介绍了ASP.NET MVC API 接口验证的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-09-22