先看下样子
专注于为中小企业提供成都网站设计、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业灵武免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了超过千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
像这种导航栏(breadcrumbs)在mvc下我们来实现他。我们采用XML来实现这个功能。
1.首先做个准备,我们编写rounting规则(顺便提一句,我们要用到rounting功能,所以规则必须写正确,不然出不来喔)
代码如下
- public static void RegisterRoutes(RouteCollection routes)
- {
- routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
- routes.MapRoute(
- "inner", // Route name
- "resume/test/inner/{action}/{id}", // URL with parameters
- new { controller = "inner", action = "Index", id = "" } // Parameter defaults
- );
- routes.MapRoute(
- "test", // Route name
- "resume/test/{action}/{id}", // URL with parameters
- new { controller = "test", action = "Index", id = "" } // Parameter defaults
- );
- routes.MapRoute(
- "Default", // Route name
- "{controller}/{action}/{id}", // URL with parameters
- new { controller = "Home", action = "Index", id = "" },
- new { controller = "^(?!(test|inner)).*$", action = "^(?!test).*$" }
- );
- }
我们加了两个规则
/resume/test
和/resume/test/inner
2.编写用到的XML文件,注意是树形结构的
在models写个Navigator.xml
- version="1.0" encoding="utf-8" ?>
Title="首页" Description="潘峰的网站" Action="Index" Controller="Home"> Title="简历" Description="在线简历" Action="Index" Controller="Resume"> Title="Test" Description="Test" Action="Index" Controller="test"> Title="inner" Description="inner" Action="Index" Controller="inner">
3.编写我们的类文件来实现Navigator
在models写个navigatorHelper.cs
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Web;
- using System.Xml;
- using System.Xml.Linq;
- using System.Web.Routing;
- using System.Web.Mvc;
- using System.IO;
- using System.Text;
- namespace conansoft.Helpers
- {
- public static class MenuHelper
- {
- private static HttpServerUtilityBase Server = null;
- private static HttpRequestBase Request = null;
- private static UrlHelper Url = null;
- private static RouteValueDictionary RouteDictionary = null;
- public static string Navigator(this HtmlHelper helper)
- {
- Server = helper.ViewContext.RequestContext.HttpContext.Server;
- Request = helper.ViewContext.RequestContext.HttpContext.Request;
- Url = new UrlHelper(helper.ViewContext.RequestContext);
- RouteDictionary = helper.ViewContext.RequestContext.RouteData.Values;
- string xmlPath = Server.MapPath(Url.Content("~/Models/Navigator.xml"));
- XDocument doc = XDocument.Load(xmlPath);
- XElement node = FindNode(doc.Root);
- StringBuilder sb = new StringBuilder();
- Stack s = new Stack();
- while (node != null)
- {
- s.Push(node);
- nodenode = node.Parent;
- }
- //输出breadcrumbs.可以自行修改使之符合你的要求
- while (s.Count() != 0)
- {
- node = s.Pop();
- if (UrlEqual(node))
- {
- sb.AppendLine(string.Format("{0}", node.Attribute("Title").Value, node.Attribute("Description").Value));
- }
- else
- {
- sb.AppendLine(string.Format("{0}", node.Attribute("Title").Value,
- Url.Action(node.Attribute("Action").Value, node.Attribute("Controller").Value),
- node.Attribute("Description").Value));
- sb.AppendLine(" > ");
- }
- }
- return sb.ToString();
- }
- ///
- /// 查找当前节点
- ///
- /// 当前节点
- /// 找到返回,找不到为空
- private static XElement FindNode(XElement e)
- {
- XElement result = e;
- if (UrlEqual(e))
- {
- return e;
- }
- else
- {
- if (e.HasElements)
- {
- foreach (XElement ee in e.Elements())
- {
- result = FindNode(ee);
- }
- }
- else
- {
- return null;
- }
- return result;
- }
- }
- ///
- /// Url是否相等
- ///
- /// 节点
- private static bool UrlEqual(XElement e)
- {
- string url1 = Url.Action(e.Attribute("Action").Value, e.Attribute("Controller").Value).ToLower();
- string url2 = Url.RouteUrl(RouteDictionary).ToLower();
- return url1 == url2;
- }
- }
- }
解释一下我们利用xml文件来实现breadcrumbs,并且我们用action和controller来判断是否为当前路径[UrlEqual]
在网页中加入
- <%=Html.Navigator() %>
<%=Html.Navigator() %>
好了效果如下
我的网站
[[3800]]
网页题目:在MVC下用XML实现breadcrumbs导航栏
路径分享:http://www.shufengxianlan.com/qtweb/news6/133506.html网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联