当前位置导航:炫浪网>>网络学院>>网页制作>>ASP.NET教程

在MVC下用XML实现breadcrumbs导航栏

  先看下样子

  像这种导航栏(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

  <?xml version="1.0" encoding="utf-8" ?> <node Title="首页"  Description="潘峰的网站" Action="Index" Controller="Home">

  <node Title="简历" Description="在线简历" Action="Index" Controller="Resume">

  <node Title="Test" Description="Test" Action="Index" Controller="test">

  <node Title="inner" Description="inner" Action="Index" Controller="inner">

  </node>

  </node>

  </node>

  </node>

  3.编写我们的类文件来实现Navigator在models写个navigatorHelper.csusing 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() %>  好了效果如下

  我的网站

相关内容
赞助商链接