[Asp.net MVC]Asp.net MVC5系列——第一個項目

標籤：style   blog   http   color   使用   os   strong   io   

目錄

概述

建立第一個項目

添加控制器

總結

概述

本教程是個人一步一步學習的總結，希望能幫到正在進入ASP.Net MVC5方向的朋友，個人也是準備進入ASP.NET MVC5領域，雖然艱辛，但是樂此不彼。誰讓咱喜歡編程呢？之前接觸過ASP.NET MVC4，今天在看發現差別還是有的，不管是使用IDE建立方式，還是使用方式有些地方的確不一樣了。手上也沒有ASP.NET MVC5的教程，只能看著英文網站，一步一步摸索了。其實我是一直想使用mvc，可事與願違啊，到目前還是使用的webform。

建立第一個項目

使用IDE:VS2013

建立項目，步驟如下，首先看看傳說中的ASP.NET MVC是個什麼樣子。其他的知識穿插在項目中講解。

建立MVC項目，你可以選擇MVC或者Empty，選擇MVC會建立一坨東西包括Bootstrap前端架構，本人機子是老爺機，非常的卡，所以我選擇了Empty，建立的速度快一點。沒辦法啊，就算老爺機也得學習啊。

選擇Empty建立的項目結構如下：

項目簡單介紹

RouteConfig.cs:路由規則配置類（記得之前的版本似乎是在Global.asax檔案中的）。

 1     public class RouteConfig 2     { 3         /// <summary> 4         /// 註冊路由的方法 5         /// </summary> 6         /// <param name="routes">路由集合，既然是集合肯定能添加多個路由規則，這部分在之後會介紹。</param> 7         public static void RegisterRoutes(RouteCollection routes) 8         { 9             //忽略給定可用路由列表的指定URL路由10             routes.IgnoreRoute("{resource}.axd/{*pathInfo}");11             //路由映射，映射指定的URL路由並設定預設路由值12             routes.MapRoute(13                 name: "Default",//要映射的路由的名稱。14                 url: "{controller}/{action}/{id}",//路由的 URL 模式。{控制器}/{操作}/{參數}15                 defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }16             );17         }18     }

那麼現在Global.cs變成什麼了呢？

 1     public class MvcApplication : System.Web.HttpApplication 2     { 3         /// <summary> 4         /// 應用程式開始方法 5         /// </summary> 6         protected void Application_Start() 7         { 8             //註冊應用程式中的所有地區 9             AreaRegistration.RegisterAllAreas();10             //註冊路由11             RouteConfig.RegisterRoutes(RouteTable.Routes);12         }13     }

基礎知識

MVC的全稱為model-view-controller(模型-視圖-控制器)。MVC是一種開發應用程式的模式，這個模式已經具有了很好的架構架構，並且十分容易維護。使用MVC開發出來的應用程式一般包括以下幾塊內容：
•控制器(Controller)：控制器類處理用戶端向Web應用程式發出的請求，擷取資料，並指定返回給用戶端，用來顯示處理結果的視圖。
•模型（Model）：模型類代表了應用程式的資料，這些資料通常具有一個資料驗證邏輯，用來使得這些資料必須符合商務邏輯。
•視圖（View）:視圖類是Web應用程式中用來產生並顯示HTML格式的伺服器端對用戶端請求的響應結果的模板檔案。

添加控制器

添加一個控制器

是不是被嚇著了，這麼多方式，的確很震撼。先從空控制器開始吧，以後用到其他的再慢慢介紹。

注意添加控制器名稱必須注意，控制器名稱必須以Controller結尾，要問為啥，感覺跟Attribute特性一樣，規定！新手入門層級就不探討這個了。添加一個IndexController。

看一看項目結構有什麼變化？

是的，正如紅框所示，添加一個控制器，預設會一起在視圖中建立一個名字（假如這樣命名控制器——名字+Controller）相同的檔案夾。

進入IndexController.cs

1     public class IndexController : Controller2     {3         //4         // GET: /Index/5         public ActionResult Index()6         {7             return View();8         }9     }

我們修改一下IndexController中的代碼，如下：

 1     public class IndexController : Controller 2     { 3         // 4         // GET: /Index/ 5         public string Index() 6         { 7             return "This is my <b>default</b> action..."; 8         } 9         // 10         // GET: /HelloWorld/Welcome/ 11 12         public string Welcome()13         {14             return "This is the Welcome action method...";15         } 16     }

在例子中，控制器方法返回一個html字串。讓我們在瀏覽器中存取控制器IndexController的第一個方法Index()，直接按F5運行。

http://localhost:4585,然後在該地址後面拼上/Index，http://localhost:4585/Index，在瀏覽器中的頁面看起來就像所示的一樣。在上述方法中，代碼直接返回了一個字串。

ASP.NET MVC根據輸入的URL調用不同的控制器類（或者其中的不同的方法）。ASP.NET MVC預設URL路由邏輯採用如下的格式來確定什麼樣的代碼被調用：

/[Controller]/[ActionName]/[Parameters]

你可以在app_start / routeconfig.cs路由設定中設定檔案格式。

 1     public class RouteConfig 2     { 3         /// <summary> 4         /// 註冊路由的方法 5         /// </summary> 6         /// <param name="routes">路由集合，既然是集合肯定能添加多個路由規則，這部分在之後會介紹。</param> 7         public static void RegisterRoutes(RouteCollection routes) 8         { 9             //忽略給定可用路由列表的指定URL路由10             routes.IgnoreRoute("{resource}.axd/{*pathInfo}");11             //路由映射，映射指定的URL路由並設定預設路由值12             routes.MapRoute(13                 name: "Default",//要映射的路由的名稱。14                 url: "{controller}/{action}/{id}",//路由的 URL 模式。{控制器}/{操作}/{參數}15                 defaults: new { controller = "Index", action = "Index", id = UrlParameter.Optional }16             );17         }18     }

當你運行應用程式，預設會執行“Index”控制器中的“Index”方法。如果訪問Index控制器下的Welcome方法，可以這樣修改，

 1     public class RouteConfig 2     { 3         /// <summary> 4         /// 註冊路由的方法 5         /// </summary> 6         /// <param name="routes">路由集合，既然是集合肯定能添加多個路由規則，這部分在之後會介紹。</param> 7         public static void RegisterRoutes(RouteCollection routes) 8         { 9             //忽略給定可用路由列表的指定URL路由10             routes.IgnoreRoute("{resource}.axd/{*pathInfo}");11             //路由映射，映射指定的URL路由並設定預設路由值12             routes.MapRoute(13                 name: "Default",//要映射的路由的名稱。14                 url: "{controller}/{action}/{id}",//路由的 URL 模式。{控制器}/{操作}/{參數}15                 defaults: new { controller = "Index", action = "Welcome", id = UrlParameter.Optional }16             );17         }18     }

如果直接按F5運行應用程式，會得到所示的結果：

 

現在，讓我們修改一下welcome方法，給他兩個參數，string和int類型的參數。

1         public string Welcome(string name = "Wolfy", int age = 23)2         {3             return HttpUtility.HtmlEncode("您好" + name + "，你今年是不是" + age.ToString()+"?");4         }

給上述代碼傳回值進行html編碼後返回。然後F5運行。

那麼現在通過url修改參數的值，url：http://localhost:4585/Index/Welcome?name=zhangsan&age=34

有沒有辦法讓url的參數按照我們想要的格式輸入呢？把法是有的，可以通過添加路由規則：

如果參數以這種格式輸入http://localhost:4585/Index/Welcome/lisi/30，

 

 總結

 這裡介紹了使用控制器中的方法直接返回html，通常這並不是我們想要的。相反，我們通常會使用一個單獨的視圖模板檔案來產生HTML響應。在文章穿插中也簡單介紹了路由的使用。目前，先不要糾結這些東西，Crowdsourced Security Testing道怎麼用，之後會深入介紹每一個知識點。