在MVC下用XML实现breadcrumbs导航栏

先看下样子

专注于为中小企业提供成都网站设计、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业灵武免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了超过千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

像这种导航栏(breadcrumbs)在mvc下我们来实现他。我们采用XML来实现这个功能。

1.首先做个准备,我们编写rounting规则(顺便提一句,我们要用到rounting功能,所以规则必须写正确,不然出不来喔)

代码如下

 
 
 
 
  1. public static void RegisterRoutes(RouteCollection routes)  
  2.         {  
  3.             routes.IgnoreRoute("{resource}.axd/{*pathInfo}");  
  4.             routes.MapRoute(  
  5.              "inner",                                              // Route name  
  6.              "resume/test/inner/{action}/{id}",                           // URL with parameters  
  7.              new { controller = "inner", action = "Index", id = "" }  // Parameter defaults  
  8.              );  
  9.             routes.MapRoute(  
  10.            "test",                                              // Route name  
  11.            "resume/test/{action}/{id}",                           // URL with parameters  
  12.            new { controller = "test", action = "Index", id = "" }  // Parameter defaults  
  13.            );  
  14.             routes.MapRoute(  
  15.                 "Default",                                              // Route name  
  16.                 "{controller}/{action}/{id}",                           // URL with parameters  
  17.                 new { controller = "Home", action = "Index", id = "" },  
  18.                 new { controller = "^(?!(test|inner)).*$", action = "^(?!test).*$" }  
  19.             );    
  20.         } 

我们加了两个规则

/resume/test

和/resume/test/inner

2.编写用到的XML文件,注意是树形结构的

在models写个Navigator.xml

  
    
    
    
    
  1.  version="1.0" encoding="utf-8" ?> 
  2.  Title="首页"  Description="潘峰的网站" Action="Index" Controller="Home"> 
  3.    Title="简历" Description="在线简历" Action="Index" Controller="Resume"> 
  4.      Title="Test" Description="Test" Action="Index" Controller="test"> 
  5.        Title="inner" Description="inner" Action="Index" Controller="inner"> 
  6.        
  7.      
  8.    
  9.  

3.编写我们的类文件来实现Navigator

在models写个navigatorHelper.cs

 
 
 
 
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5. using System.Xml;  
  6. using System.Xml.Linq;  
  7. using System.Web.Routing;  
  8. using System.Web.Mvc;  
  9. using System.IO;  
  10. using System.Text;  
  11.  
  12. namespace conansoft.Helpers  
  13. {  
  14.     public static class MenuHelper  
  15.     {  
  16.         private static HttpServerUtilityBase Server = null;  
  17.         private static HttpRequestBase Request = null;  
  18.         private static UrlHelper Url = null;  
  19.         private static RouteValueDictionary RouteDictionary = null;  
  20.         public static string Navigator(this HtmlHelper helper)  
  21.         {  
  22.             Server = helper.ViewContext.RequestContext.HttpContext.Server;  
  23.             Request = helper.ViewContext.RequestContext.HttpContext.Request;  
  24.             Url = new UrlHelper(helper.ViewContext.RequestContext);  
  25.             RouteDictionary = helper.ViewContext.RequestContext.RouteData.Values;  
  26.             string xmlPath = Server.MapPath(Url.Content("~/Models/Navigator.xml"));  
  27.             XDocument doc = XDocument.Load(xmlPath);  
  28.             XElement node = FindNode(doc.Root);  
  29.             StringBuilder sb = new StringBuilder();  
  30.             Stack s = new Stack();  
  31.             while (node != null)  
  32.             {  
  33.                 s.Push(node);  
  34.                 nodenode = node.Parent;  
  35.             }  
  36.             //输出breadcrumbs.可以自行修改使之符合你的要求  
  37.             while (s.Count() != 0)  
  38.             {  
  39.                 node = s.Pop();  
  40.                 if (UrlEqual(node))  
  41.                 {  
  42.                     sb.AppendLine(string.Format("{0}", node.Attribute("Title").Value, node.Attribute("Description").Value));  
  43.                 }  
  44.                 else  
  45.                 {  
  46.                     sb.AppendLine(string.Format("{0}", node.Attribute("Title").Value,  
  47.                         Url.Action(node.Attribute("Action").Value, node.Attribute("Controller").Value),  
  48.                         node.Attribute("Description").Value));  
  49.                     sb.AppendLine(" > ");  
  50.                 }  
  51.             }  
  52.             return sb.ToString();  
  53.         }  
  54.  
  55.         ///   
  56.         /// 查找当前节点  
  57.         ///   
  58.         /// 当前节点  
  59.         /// 找到返回,找不到为空  
  60.         private static XElement FindNode(XElement e)  
  61.         {  
  62.             XElement result = e;  
  63.               
  64.             
  65.             if (UrlEqual(e))  
  66.             {  
  67.                 return e;  
  68.             }  
  69.             else  
  70.             {  
  71.                 if (e.HasElements)  
  72.                 {  
  73.                     foreach (XElement ee in e.Elements())  
  74.                     {  
  75.                         result = FindNode(ee);  
  76.                     }  
  77.                 }  
  78.                 else  
  79.                 {  
  80.                     return null;  
  81.                 }  
  82.                 return result;  
  83.             }  
  84.         }  
  85.  
  86.         ///   
  87.         /// Url是否相等  
  88.         ///   
  89.         /// 节点  
  90.         private static bool UrlEqual(XElement e)  
  91.         {  
  92.             string url1 = Url.Action(e.Attribute("Action").Value, e.Attribute("Controller").Value).ToLower();  
  93.             string url2 = Url.RouteUrl(RouteDictionary).ToLower();  
  94.             return url1 == url2;  
  95.         }  
  96.     }  

解释一下我们利用xml文件来实现breadcrumbs,并且我们用action和controller来判断是否为当前路径[UrlEqual]

在网页中加入

  
  
  
  
  1. <%=Html.Navigator() %> 

<%=Html.Navigator() %>

好了效果如下

我的网站

[[3800]]

网页题目:在MVC下用XML实现breadcrumbs导航栏
路径分享:http://www.shufengxianlan.com/qtweb/news6/133506.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联