ASP.NET MVC URL重写与优化 使用Global路由表定制URL

一,认识Global路由表

 

  我们新建一个ASP.NET MVC Web程序的时候,会生成一个Global.asax文件。如下:

 

using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.Mvc;
 6 using System.Web.Routing;
 7 
 8 namespace JohnConnor.Web
 9 {
10     // 注意: 有关启用 IIS6 或 IIS7 经典模式的说明,
11     // 请访问 http://go.microsoft.com/?LinkId=9394801
12 
13     public class MvcApplication : System.Web.HttpApplication
14     {
15         public static void RegisterGlobalFilters(GlobalFilterCollection filters)
16         {
17             filters.Add(new HandleErrorAttribute());
18         }
19 
20         public static void RegisterRoutes(RouteCollection routes)
21         {
22             routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
23 
24             routes.MapRoute(
25                 "Default", // 路由名称
26                 "{controller}/{action}/{id}", // 带有参数的 URL
27                 new { controller = "Home", action = "Index", id = UrlParameter.Optional } // 参数默认值
28             );
29 
30         }
31 
32         protected void Application_Start()
33         {
34             AreaRegistration.RegisterAllAreas();
35 
36             RegisterGlobalFilters(GlobalFilters.Filters);
37             RegisterRoutes(RouteTable.Routes);
38         }
39     }
40 }

 

  首先Application_Start()是Web应用程序启动的时候的入口。<RegisterGlobalFilters()方法是用来注册全局筛选器的,与本篇内容关系不大>

  而RegisterRoutes()方法是用来注册路由表的

  这里已经有了两条默认的路由规则:

routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

  IgnoreRoute()是RouteCollection路由表类的扩展方法,用于忽略指定的路由请求。这句意思是忽略对扩展名为.axd文件的请求。<这个方法不在此详述>

 

   我们主要来看这一条路由规则:

 

 routes.MapRoute(
                "Default", // 路由名称
                "{controller}/{action}/{id}", // 带有参数的 URL
                new { controller = "Home", action = "Index", id = UrlParameter.Optional } // 参数默认值
            );

 

  MapRoute()方法是一个添加路由映射的方法(RouteCollection类的扩展方法)。这里是它最常用的一个重载,映射指定的 URL 路由并设置默认路由值:

 

  • "Default"是路由的名称,这个名称在应用程序的路由的集合(routes对象)中是唯一的,如果重名生成时就会报错。
  • "{controller}/{action}/{id}"代表的是路由的 URL表达式。通过{}来定义的是占位符。
  •  new { controller = "Home", action = "Index", id = UrlParameter.Optional } 声明了一个包含默认路由值的object匿名对象

 

  这条语句声明了 routename 和 url表达式 并默认 该URL表达式映射到某个Controller下的某个Action方法中。

  这是一条默认的路由规则。

 

  发布网站的时候Global.asax文件会被编译成DLL。程序启动的时候就会首先调用Application_Start()方法,我们的路由表注册后,默认路由规则就生效了。

  如果没有什么特殊要求的系统,比如网站后台,就不用再折腾了,一条默认路由规则足矣。

 

 

二,路由匹配规则

 

  1.首先我们需要科普一下如何来定义一条URL表达式。

  首先URL表达式都是相对的,不包括主机域名部份(比如http://www.xxx.com)。{}保存的是占位符,“/”,“.”则用来作为分隔符,什么都有没则是静态内容:

  • URL /category/showcategory/1000  匹配 "{controller}/{action}/{id}"
  • URL /product/2012/4/28.html         匹配  “/product/{year}/{month}/{day}.html”  ,诸如此类。

 

  这里需要注意的是{controller}{action}是保留的两个占位符,分别代表对应的控制器名称和操作名称。

  {controller}对应控制器的名称,这里规定是CategoryController去掉Controller后缀的部份,即Category

  {action}对应控制器内的Action方法的名称。

 

  2.路由有两种不同的操作。

 

  URL定向,当你在浏览器输入一个URL时,程序会在我们添加的路由表中通过对比URL表达式进行匹配,找到对应的包含路由值的对象,从而定位到具体的资源上。

    我们来看一个例子,我们来添加两条路由规则。

routes.MapRoute("Test", "where-are-you-going", new { controller = "Home", action = "Index" });
routes.MapRoute("Test1", "where-are-you-going", new { controller = "Home", action = "Others" });

  假设HomeController里有两个Action 分别是IndexOthers

 

  各位看官觉得在浏览器输入http://www.xxx.com/where-are-you-going 会进入哪个方法体中呢?如果上下颠倒一下呢?

  <谁写在上面就进入其指定的Action 中>

 

  获取URL,下面这段代码就使用Url.Action方法通过Controller和Action名完全限定了一个URL,

  即我们有了一个路由值,通过在路由表中匹配,可以找到对应的URL模式,进而生成一个URL

<a href="@Url.Action("Index", "Home")">主页</a>

  现在我们在默认的路由规则下再添加一条如下的路由规则

routes.MapRoute("MyHome", "myhome/{id}", new { controller = "Home", action = "Index", id = UrlParameter.Optional });

  你觉得页面会显示什么呢?

<a href="http://www.xxx.com/">主页</a>
or
<a href="http://www.xxx.com/myhome">主页</a>

 

   如果把这条路由规则写在默认规则的上面呢?

   <谁写在上面就显示其匹配的URL>

 

 

  3.上面的问题大家可以自己尝试一下,很明显,路由的匹配是 自上而下 的,只要匹配到第一条记录,就会返回对应URL或者路由值。

  这一点非常重要。很多人在定制路由规则的时候,总是发现自己的规则不生效。那么你就应该检查是不是被前面的路由覆盖掉了。

 

三,解决开始的问题

 

  从这个站的URL可以看出,

  http://www.xxx.com/category/showcategory?categoryid=1000&view=list&orderby=price&page=1,

  用的应该只是默认路由规则,

  可以推断出有一个名为Category的控制器,其中有个方法名为ShowCategory,必选参数为categoryid,其他为可选参数。

  根据上面介绍的Global路由表来完成URL重写的知识,

  按照站长的要求,我们只需要添加一条路由规则就完事了。是不是很简单?

 

routes.MapRoute("Category", "category/{categoryid}", new { controller = "Category", action = "ShowCategory" }

  

  这时候一定要注意喔,不要写在默认路由的下面,你懂得。不然你就悲剧了。

 

  强烈建议大家自己动手玩一玩Global文件,重写URL来亲身感受一下。其实有一个悬念我留给大家了,

  为什么默认规则下获取首页的URL路由是“/”而不是“/home/index”呢。^_^

  匹配规则还有贪婪匹配和缺省匹配一说,这个留大家去了解把。

 

 

  使用Global还是有很多的局限性的,上例中因为方法ShowCategory有一个参数categoryid,它存在与路由的键值对中,

  在配置时我们就可以使用占位符来{categoryid}来显示它。

  换作http://www.xxx.com/categoryname 这样的URL,如果不修改程序,Global是无能为力的,因为categoryname并不存在与路由的键值对中。

  应对这样的较为复杂多变的URL重写与优化的需求(需求总是复杂多变的=。=)。

 在写完第一篇和第二篇MVC路由文章后,我觉得还不够,还应该再具体一点说一下分类筛选与MVC路由,如何快速完成一个分类筛选,分类筛选的高亮如何实现,以及MVC路由参数的顺序对参数值的影响等等。

今天要说的:

一 MVC路由参数的顺序对参数值的影响

二 快速完成一个分类筛选

三 根据RequestContext.RouteData来实现高亮的菜单

 

一 MVC路由参数的顺序对参数值的影响

我们看这两个路由的规则,几乎是相同的,但有个地方你是否注意到,在路由规范中grade与subject参数的顺序是不同的,这个参数顺序在程序中启到什么作用呢?经过实验证明,参数靠后的值会在routedata字典中保留,即当你改变subject时,grade的值会被保留,而当你改变grade时,subject将会被进行初始化,这也是正常的。

而切换科目时,年级信息会被保留

原来就是grade在RouteData字典中的索引排在subject这

二 快速完成一个分类筛选

代码如下:

复制代码
 <div class="banner">
     <span id="grade0">@Html.ActionLink("全部", "About", new { grade = 0 })</span> 
<span id="grade1">@Html.ActionLink("一年级", "About", new { grade = 1 })</span>
<span id="grade2">@Html.ActionLink("二年级", "About", new { grade = 2 })</span><hr /> <span id="subject0">@Html.ActionLink("全部", "About", new { subject = 0 })</span> <span id="subject15">@Html.ActionLink("语文", "About", new { subject = 15 })</span> <span id="subject16">@Html.ActionLink("数学", "About", new { subject = 16 })</span> <hr /> </div>
复制代码

三 根据RequestContext.RouteData来实现高亮的菜单

我们的当前URL地址上的信息被以路由的形式存储到了“当前HTTP上下方”的RouteData字典里,包括你的controller及action,还有就是查询参数集合等,我们可以通过这个东西来实现当然

菜单的高亮显示功能,看JS和CSS代码:

复制代码
 1 <style type="text/css">
 2     .banner { background: #eee; margin: 5px; padding: 5px; }
 3 </style>
 4 <script type="text/javascript">
 5     $(function () {
 6         $('#grade@(Request.RequestContext.RouteData.Values["grade"])')
 7         .css("background", "#000000")
 8         .find("a").css("color", "#ffffff");
 9         $('#subject@(Request.RequestContext.RouteData.Values["subject"])')
10         .css("background", "#000000")
11         .find("a").css("color", "#ffffff");
12     });
13 </script>
复制代码

怎么样,这个功能模块很实用吧,呵呵!

 

 

            var defaults = new RouteValueDictionary { { "classname", "news" } };
            var constaints = new RouteValueDictionary { { "classname", @"news|baike" }, };
            var dataTokens = new RouteValueDictionary { { "defaultclassname", "news" }, { "Namespaces", new string[] { "BtxCMS.Web.Controllers" } } };

            RouteTable.Routes.MapPageRoute("New", "{classname}/index.html", "~/Views/New/Page.cshtml", false, defaults, constaints, dataTokens);
            RouteTable.Routes.MapPageRoute("New_Index", "{classname}/index.html", "~/Views/New/Page.cshtml", false, defaults, constaints, dataTokens);
            RouteTable.Routes.MapPageRoute("New_Page", "{classname}/{Page}", "~/Views/New/Page.cshtml", false, defaults, constaints, dataTokens);

  

 

posted @ 2012-05-02 10:54  AIの海雅  阅读(517)  评论(1编辑  收藏  举报