ASP.NET MVC学习之路由篇（1）

一、前言

      作为一个从ASP.NET转入到ASP.NET MVC的开发人员而言，可能在开发ASP.NET网站的时候就已经开始在使用路由了。只不过在ASP.NET MVC中路由是关键部分，而在ASP.NET中需要自行加进去。下面我们将学习ASP.NET MVC中的路由系统。

 

二、准备工作

1.新建一个ASP.NET MVC4项目

2.模板选择空

3.在Controllers中添加一个Home控制器

4.打开App_Start中的RouteConfig文件

5.将RouteConfig中默认路由删掉

 

三、入门

 

 

1.基本路由

RouteConfig.cs：

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}"
            );
        }
    }

 然后运行网站，输入http://localhost:xxxx/Home/Index回车，然后你就能看到对应的页面了。当然你会认为这个非常简单，但是我们也需要理解这些是如何做到的。

 

下面我们可以看到URL路径和路由配置中的路径对比：

 

由上面的图，我们可以得出下面的一组路由数据：

然后控制器工厂根据这些参数将会调用HomeController中的Index方法，这其中是如何工作的，我们会在后面讲解控制器工厂中讲到。掌握了上面的基础之后我们就可以继续往下学习了。

 

 

2.默认路由

      上面的示例中我们会发现默认打开网站是会报异常的，但是我们通过访问网站都值需要输入域名然后就可以看到首页了，那么我们如何在ASP.NET MVC中做到这种效果呢，下面我们就来介绍。

RouteConfig.cs

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}",
                defaults: new { controller = "Home", action = "Index" }
            );
        }
    }

 提示：default中的默认值变量的名称必须和url中的名称相同，但是大小写不限制。

      然后我们重新打开就可以看到正确的结果了。如果你不是通过F5来查看的话，你需要重新编译一下项目，仅仅刷新浏览器可没有用。

 

 

3.静态URL片段

      或许你们已经有人尝试过输入一些字符在花括号外面，这个其实是允许的。通过这种方式可以制造出更漂亮的路径，比如我们将路由修改为如下所示：

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "X{controller}-{action}",
                defaults: new { controller = "Home", action = "Index" }
            );
        }
    }

 通过上面的URL我们可以看出最后我们输入的路径应该是这样的：http://localhost:2392/XHome-Index（:-)是不是非常个性化），如果你是一个爱研究的人你会发现当你把URL的X去掉之后，无法显示默认的首页了，但是“/”却可以，当然这是ASP.NET MVC的核心这么干的，后面我们完全可以改写。

 

 

4.自定义片段变量

      如果你是一个喜欢依葫芦画瓢的人，你一定会在URL中多添加一个花括号，当然你这么做是好的，但是你能够理解这些花括号捕捉到的值到哪里去了吗？如果你精通ASP.NET，在控制器中打上RouteData你就可以获取到这些值了，但是这不是我们想要的结果，下面我们来更深入的学习。

首先修改RouteConfig.cs的内容：

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index" }
            );
        }
    }

       然后我们就必须输入下面这一串路径才能看到页面：http://localhost:2392/Home/Index/1你们可以发现最后多了1，而这个1就被{id}捕获到了，并同时存放在了RouteData中了。这里我们可以通过其他的方式获取url中所有捕获到的值。

打开HomeController.cs，修改Index方法如下：

        public ActionResult Index(string controller,string action,string id)
        {
            ViewBag.Name1 = controller;
            ViewBag.Name2 = action;
            ViewBag.Name3 = id;
            return View();
        }

 

接着我们在修改Views/Home/Index.cshtml中的内容，将我们捕捉到的变量显示出来：

@{
    ViewBag.Title = "Index";
}

<h2>@ViewBag.Name1</h2>
<h2>@ViewBag.Name2</h2>
<h2>@ViewBag.Name3</h2>

 然后我们重新刷新浏览器，就可以看到下面的结果：

你会发现Index方法的参数名是需要和路由中花括号中的名称相同，否则就无法捕捉（如果你学了不少ASP.NET MVC的话，其实是可以自定义的）。

 

我们可以发现无法直接打开首页了，这是因为{id}变成了必填参数。下面我们就通过两种方式来解决。

（1）设置默认值：

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = "1" }
            );
        }
    }

 （2）设置为可选：

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
            );
        }
    }

 

选择上面其中一种方式之后，我们又可以直接打开首页了。

提示：通过将{id}改成{*id}之后我们就可以获取http://localhost:2392/Home/Index/后面输入的所有值了。

 

 

5.二义性

       如果我们在Models中也新建一个Home控制器，那么你会发现重新刷新之后报错了。而这个是因为无法确定到底选择哪个控制器来响应该请求的缘故，当然你认为只要我们不新建重名的控制器就可以了，这样你只能控制你的项目中不出现，但是你却无法控制你加载的类库中不会出现，但是ASP.NET MVC已经提供了解决方案给我们，如下改正RouteConfig.cs：

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional },
                namespaces: new[] { "MvcStudy.Controllers" }
            );
        }
    }

 我们可以看到namespaces参数，通过将命名空间的名称传进去就可以起到排除二义性的问题了。

 

 

6.约束路由

      上面我们有一个{id}用来捕获参数的，但是你也发现了它可以捕捉任何字符串等等，但是我们有时需要限制它，比如让它只能输入数字，那么我们就可以使用正则表达式去约束它。

如下修改RouteConfig.cs：

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional },
                constraints: new{id = @"^\d*$"},
                namespaces: new[] { "MvcStudy.Controllers" }
            );
        }
    }

 我们可以清楚的看到我们通过constraints参数将id参数约束为只能输入数字，当然你也可以通过一样的方式去约束其他的参数。通过 httpMethod = new HttpMethodConstraint("GET","POST")可以约束该路由只能通过那种方式访问。

 

如果你的约束是上面无法做到的，那么下面的自定义约束一定会符合你的要求。新建一个自定义的约束只需要创建一个实现IRouteConstraint接口的类即可，比如我们限制只能是谷歌浏览器才能访问，新建一个Filters文件，并新建一个MyRouteConstraint类，写入如下的代码：

    public class MyRouteConstraint : IRouteConstraint
    {

        public bool Match(HttpContextBase httpContext, Route route, string parameterName, RouteValueDictionary values, RouteDirection routeDirection)
        {
            return httpContext.Request.UserAgent.Contains("Chrome");
        }
    }

 

接着我们换到不同的浏览器去测试，就会发现区别了（如果你通过浏览器的开发者工具或者其他工具修改UserAgent的话也可以越过这个约束，如Filddler2工具）