Hello,大家好! 好久沒有開始記錄博客了,是時候開始分享一下了,這個系列主要為零基礎的同學,量身打造的。廢話不多說,我們開乾! 什麼是ASP.NET MVC MVC(Model-View-Controller)--[模型--視圖--控制器],是一種設計模式,它將一個應用程式拆分成下麵三個主要的組 ...
Hello,大家好! 好久沒有開始記錄博客了,是時候開始分享一下了,這個系列主要為零基礎的同學,量身打造的。廢話不多說,我們開乾!
什麼是ASP.NET MVC
MVC(Model-View-Controller)--[模型--視圖--控制器],是一種設計模式,它將一個應用程式拆分成下麵三個主要的組件:
- Model(模型)
- View(視圖)
- Controller(控制器)
ASP.NET MVC框架提供了相對ASP.NET Web Forms創建Web應用程式的另外一種選擇。ASP.NET MVC框架是一個輕量級的,高度可測試的Web框架,它和Web Form 一樣,集成在現有的ASP.NET特性中,例如:母版頁,Membership授權驗證。ASP.NET MVC 框架定義在System.Web.Mvc程式集中,提供了對HTML、JavaScript和CSS的完全控制權。對於大型開發團隊來說,推薦使用ASP.NET MVC進行團隊開發協作。
MVC設計模式
基於MVC模式的Web應用程式的優點
ASP.NET MVC框架有以下優點:
- 通過將應用程式拆分為Model、View、Controller,對複雜性易於管理;
- 不使用ViewState或者伺服器端的控制項;
- 對HTML、JavaScript和CSS擁有完全控制權;
- 更好的支持測試驅動開發【Test-Driven Development(TDD)】;
- 非常適合對應用程式有著高度控制需求的Web設計人員;
- 預設支持FaceBook和谷歌的授權驗證;
- 通過使用多個Areas,可以很容易管理大型應用程式;
ASP.NET MVC 引用了哪些命名空間
- System.Web.Mvc
System.Web.Mvc命名空間中,包含支持MVC模式的類和介面。這個命名空間包含:控制器類、控制器工廠類、ActionResult類、視圖、分佈視圖以及模型綁定類等。
- System.Web.Mvc.Ajax
包含在ASP.NET MVC應用程式中支持的Ajax腳本,這個命名空間包含支持Ajax腳本和Ajax選項的設置。
- System.Web.Mvc.Async
包含在ASP.NET MVC應用程式中支持非同步操作的類和介面。
- System.Web.Mvc.Html
包含在ASP.NET MVC 應用程式中渲染HTML控制項的類。這個命名空間包含支持表單(forms)、輸入控制項(input controls)、超鏈接(links)、分佈視圖(partial views)以及驗證的類。
ASP.NET MVC 和ASP.NET Web Forms的不同點
ASP.NET Web Forms | ASP.NET MVC |
Web Forms使用Code behind技術,將頁面分成兩部分 【.aspx文件(用來呈現視圖),.aspx.cs或者aspx.vb(用來編碼)】 | ASP.NET MVC web應用程式是一個 設計模式,它將應用程式劃分成三個部分: 模型、視圖、控制器。 |
ASP.NET Web Forms有伺服器端控制項 | ASP.NET MVC 有HTML幫助類 |
ASP.NET Web Forms支持ViewState 用於在客戶端進行狀態管理。 | ASP.NET MVC不支持ViewState |
ASP.NET Web Forms模型遵循一個 頁面的生命周期。 | 沒有像Web Forms那樣的頁面生命 周期,在ASP.NET MVC模型中,請求周期很簡單. |
在許多情況下,對HTML,JavaScript和 CSS的控制有限。 | 對HTML,JavaScript和CSS完全控制 |
它適用於小型團隊開發。 | ASP.NET MVC 是在大型應用程式中, 各個團隊協作開發中推薦的框架 |
ASP.NET MVC應用程式解決方案
一個ASP.NET MVC 應用程式被劃分到三個文件夾中:Model、View、Controller,當然我們還有其他文件夾用來放置腳本文件,以及App_Start文件夾等。
1.Model【模型】
模型是用來存放由LINQ to SQL創建的類或者EF創建的類,又或者是存放WCF服務的引用,又或者是其他。最終我們只是使用這個模型,在視圖中呈現數據。
2.View 【視圖】
視圖文件夾用於存放特定控制器對應的視圖頁或者局部頁,通常View文件夾會包含一個Shared文件夾,在Shared文件夾中,我們可以存放可以在任何控制器中使用的頁面或者用戶控制項。來自控制器的每個請求,同樣會檢查Shared文件夾中頁面的擴展名。
3.Controller【控制器】
控制器就是用來存放業務邏輯類,每一個控制器類都是System.Web.Mvc.Controller類的子類。控制器類僅僅是包含一些方法,用來返回一個視圖、分佈視圖、Content、Json數據以及其他的。
Actions 【方法】
Actions是一類擁有特別返回值類型的方法,用來編碼以完成特定的任務,它同樣也向用戶返回一些東西【例如:視圖頁面,分佈視圖頁面(用戶控制項)】。每一個Action都可以處理兩種類型的Http請求。
1.【HttpGet】
HttpGet標識的方法,用於處理直接來自用戶的操作,我們還可以這樣說:HttpGet用於處理第一次請求這個方法的時候。
2.【HttpPost】
HttpPost標識的方法,是在客戶端已經存在視圖頁面的時候,用戶點擊HTML表單中的提交按鈕的時候被調用的。點擊按鈕的時候,同樣返回了所有在表單中的控制項值,這些值在FormCollection類型的對象中。
一個Action方法,可能有多種返回值類型。我們可以返回多種類型的返回值給用戶,但是大多數的時候,還是使用ActionResult,因為它是其他類型的父類。
ActionResult是一個抽象類,它有多種子類:
ASP.NET MVC中的Areas
從ASP.NET MVC 2.0開始,微軟提供了一個新的特性:Areas。Areas僅僅是用來劃分或者分離大型應用程式為多個或者單獨的MVC。
當你向項目中添加一個Area的時候,一個為Area定義的路由,就在AreaRegistration文件中定義了。路由基於請求的URL向Area發送請求。為了註冊Area的路由,在Global.asax文件中寫入註冊代碼:
AreaRegistration.RegistrAllAreas();
MVC應用程式請求的生命周期
在MVC應用程式中,沒有像ASP.NET Web Forms那樣的頁面生命周期,但是我們有MVC請求的生命周期。
在MVC應用程式中,當用戶通過瀏覽器發送一個請求的時候,就會被IIS處理,這個請求的URL就像下麵這樣:
http://主機名/控制器名稱/Action方法名/ID
在上面的請求圖中,我僅僅只是描述了兩種類型的用戶請求。
1.第一種請求是:返回一個視圖,沒有對模型數據進行請求。這個時候是用戶發送一個請求,被MVC處理程式處理,然後直接到到控制器,然後調用控制器的某個HttpGet特性標識的方法中,然後返回一個ViewResult實例,然後找到相應的視圖頁面,視圖引擎就渲染視圖頁面,呈現給用戶HTML頁面。
2.第二種請求類型是,用戶請求一個View+data模式,也就是說用戶發送一個請求,被MVC處理程式處理,然後找到控制器中相應的HttpGet特性標識的方法。如果這個方法返回:一個帶有Model對象的ViewResult,那麼它就會先去請求Model類,然後返回一個帶有ModelObject的 ViewResult,然後我們就可以在視圖中進行綁定呈現了。
這裡有兩種類型的模型視圖綁定:
1.Dynamic Banding 【動態綁定】
動態綁定是當我們向ViewResult傳遞一個對象的時候,用於返回視圖的時候,卻沒有在視圖中定義對象的類型,這個時候,我們還是可以使用對象屬性賦值,但是這時候是沒有Visual Studio智能提示,我們寫的動態語句,只有在運行的時候,才看的到效果。
2. Strong typed binding【強類型綁定】
強類型綁定是當我們向ViewResult傳遞對象,用於返回視圖的時候,就已經在頁面中定義了對象的類型,然後我們就可以在頁面中安全的使用對象了,這個時候是有智能提示的。
View Engines 【視圖引擎】
視圖引擎主要是用於向瀏覽器呈現HTML頁面,視圖引擎模板有不同的語法實現,當前主流的是Razor,此外還有ASPX。當然ASP.NET同樣支持一些第三方的視圖引擎,例如:Spark、NHaml.
ASPX
ASPX 是最早的ASP.NET MVC 應用程式視圖引擎,語法類型ASP.NET Web Forms。我們使用“<%:%>”來寫一些服務端的代碼,視圖文件的擴展名和ASP.NET也一樣。
1. .aspx: .aspx是視圖頁面的擴展名,和ASP.NET Web Forms一樣
2. .ascx: .ascx是分佈視圖的擴展名,類似ASP.NET Web Forms中的用戶控制項
3. .master: .master擴展名的文件就是母版頁和ASP.NET Web Forms中母版頁一樣。
Razor
Razor視圖引擎是更高級的視圖引擎,是從MVC中第一次出來的,Razor視圖引擎使用“@”符號代替"<%:%>",並且Razor不需要你明確的去關閉代碼塊。視圖引擎在運行的時候,智能的判斷什麼哪裡呈現標簽元素,哪裡是代碼塊。
Razor視圖引擎是MVC 3.0 、MVC 4.0以及MVC 5.0中的預設視圖引擎,對於C#/VB來說,我們有兩種頁面的擴展名。
C#語言對應的是:.cshtml
VB語言對應的是:.vbhtml
到此為止,我們從零開始系列學習MVC的第一篇就結束了,大家有什麼疑問,歡迎留言評論。