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工具）