ASP.NET MVC小結(jié)之基礎(chǔ)篇（一）

2024-07-10 13:28:30

字體：大中小

供稿：網(wǎng)友

本文是ASP.NET MVC系列的第一篇文章，跟其他學(xué)習(xí)系列一樣，咱們先來點基礎(chǔ)知識，之后再循序漸進。我們先從asp.net mvc的概念開始吧。
前言：前幾天要準備一個演講，所以準備了MVC的一些基本的東西，以前也使用過MVC,但是只是使用，而不是去了解，所以趁著這個機會好好的把別人的MVC視頻看了一下(是一個微軟的MVP會員發(fā)布的視頻，相信有些人都看過)，整理除了這個筆記，共享一下子，基本MVC的所有東西都介紹了，但是都是很基礎(chǔ)的東西。本來打算一篇發(fā)表完的，但是發(fā)現(xiàn)東西有點多，所以分成了兩篇文章！
什么是ASP.NET MVC
(1) ASP.NET MVC是微軟官方提供的MVC模式編寫ASP.NET Web應(yīng)用程序的一個框架
(2)MVC是微軟繼ASP.NET WebForms后的有一種開發(fā)方式，并非替代方式！

(3)官方網(wǎng)站：http://www.asp.net/mvc
(4)源碼網(wǎng)站：http://aspnet.codeplex.com/wikipage?title=MVC
ASP.NET MVC的特點
(1) 分離任務(wù)，耦合度很低
(2)可擴展能力很高
(3)強大的URL重寫(路由)機制
(4)兼容ASP.NET現(xiàn)有的技術(shù)
(5)開源
ASP.NET MVC的優(yōu)點
(1) 通過把項目分為MOdel,View和Controller，使得復(fù)雜項目更加容易維護
(2)沒有使用ViewState和服務(wù)器表單控件，可以更加方便的控制應(yīng)用程序的行為(可以說回歸了原始狀態(tài))
(3)應(yīng)用程序通過Controller來控制程序請求，可以提供豐富的url重寫
(4)支持測試驅(qū)動開發(fā)
(5)在團隊模式下表現(xiàn)得更加出眾
為什么我們需要ASP.NET MVC
(1) 關(guān)注點分離
(2)高可擴展性
(3)更好的可測試性
(4)更好的URL重寫
(5)更好的性能
(6)更加靈活的HTML代碼控制
ASP.NET MVC1
(1) 經(jīng)過漫長的Preview和2個RC版本后，2009年3月，微軟正式發(fā)布了ASP.NET MVC1
(2)這時微軟官方在MVC領(lǐng)域的第一個WebApplication框架，帶來了與WebForm幾乎不同的開發(fā)理念
(3)但由于某些原因該版本缺失了Area等關(guān)鍵技術(shù)點，以至于用該版本開發(fā)復(fù)雜的MVC Web應(yīng)用時會有諸多困難
ASP.NET MVC2
(1)在1.0發(fā)布后不到1年時間，ASP.NET MVC2正式發(fā)布
(2)2010年4月12日發(fā)布了VS2010和Visual Web Developer 2010正式版中內(nèi)置了對ASP.NET MVC2的擴展
(3)ASP.NET MVC2該我們帶來了眾多期待已久的功能：如：強類型的HTML Helper,數(shù)據(jù)驗證，自定義模版，Area,異步Controller等等
(4).NET 4的新技術(shù)，也給ASP.NET MVC2應(yīng)用開發(fā)帶來了一些不錯的新體驗，如：dynamic類型，帶有默認值得方法參數(shù)等。
為什么需要ASP.NET MVC3？
(1) ASPX視圖中充斥著<%...%><%...%><%...%>
(2)Action過濾器無法全局
(3)對404，301，302等的http響應(yīng)狀態(tài)，缺乏對應(yīng)的ActionResult類型
(4)缺乏模型(Model)數(shù)據(jù)驗證的直接支持
(5)對依賴注入(DI),控制反轉(zhuǎn)(IoC)支持不夠好
(6)不支持Grid
(7)ViewData用起來有些麻煩(使用dynamic類型替代)
ASP.NET MVC3
(1) 增加Razor視圖引擎；支持多視圖引擎
(2)全局的Action過濾器
(3)新的ViewBag屬性(dynamic類型),原來是ViewData
(4)新的ActionResult類型
(5)Model Validation(Model的驗證)
(6)JSON綁定支持
(7)dependency Injection(注入依賴)
(8)HTML5,CSS3
(9)部分也的輸出緩存
(10)HtmlHelper的增強
(11)NuGet(VS2010環(huán)境繼承的)
Razor視圖引擎
(1) 使用@代替<% %>
 1)語法簡單清晰
 2)容易學(xué)習(xí)
 3)VS2010智能提示和語法著色
(2)全局設(shè)定默認布局等項目
全局的Action過濾器
(1) 3.0以前的寫法
復(fù)制代碼代碼如下:

 [HandleError]
 public class HomeController : Controller
 {
 ......
 }
(2)3.0以后的寫法：
復(fù)制代碼代碼如下:

 public static void RegisterGlobalFilters(GlobalFilterCollection filters)
 {
 filters.Add(new HandleErrorAttribute());
 }
新的ActionResult類型
(1) HttpNotFoundResult
 404
(2)RedirectResult
 302/301
(3)HttpStatusCodeResult
 自定義Http狀態(tài)碼
Model Validation
(1) 自驗證
(2)客戶端驗證
 ->默認啟用客戶端驗證
(3)遠程驗證
Razor視圖引擎概述
(1) ASP.NET MVC 3自帶了一下視圖引擎
 1)ASPX
 2)Razor
(2)ASP.NET MVC 3支持多視圖引擎機制
(3)可以在您指定的項目中自定默認的視圖引擎
 1)MVC3中自由的上述引擎
 2)Spark
 3)Nhaml
 4)Ndjango
 5)自己定義的視圖引擎
(4)Razor視圖引擎是對以代碼為焦點的方法實現(xiàn)
(5)特點
 1)簡介，富于表現(xiàn)，流暢
 ->盡量減少編寫一個視圖模版所需要敲入的字符數(shù)，實現(xiàn)快速流暢的編程工作。
 ->不必為了明確標記出服務(wù)模塊的開始和結(jié)束而中斷編程，Razor解析器能從你的代碼中自動推斷出來
 2)易于學(xué)習(xí)
 ->熟悉現(xiàn)有的編程語言和HMTML技能就能快速學(xué)會
 3)可以在任何文本編輯器中工作
 4)VS2010對其增加了智能提示
 5)支持單元測試
(6)簡介和流暢的對比
 1)ASPX引擎
 <ul>
 <%foreach(var p in products){%>
 <li><%=p.Name%>($<%=p.Price%>)</li>
 <%}%>
 </ul>
 2)Razor引擎
 <ul id="products">
 @foreach(var p in products){
 <li>@p.Name([email protected])</li>
 }
 <ul>
偉大的@
(1) Razor中服務(wù)器端代碼段的起始位置均使用@符號作為開始
 1)ASPX引擎
 <%
 int x=12;
 string name="韓迎龍";
 %>
 2)Razor引擎
 @{
 int x=12;
 string name="韓迎龍";
 }
(2)渲染輸出
 1)經(jīng)過HTML編碼(放置被攻擊)
 1)ASPX引擎
 <%:model.Message%>
 2)Razor引擎
 @model.Message
 2)未經(jīng)HTML編碼
 1)ASPX引擎
 <%=model.Message%>
 2)Razor引擎
 @Html.Raw(model.Message)
(3)代碼和標記混合
 1)ASPX引擎
 <%foreach(var item in items){%>
 <%:item.Prop%>
 <%}%>
 2)Razor引擎
 @foreach(var item in items){
 @item.Prop
 }
(4)代碼和純文本混合
 1)ASPX引擎
 <%if(foo){%>
 Plain Text
 <%}%>
 2)Razor引擎
 @if(foo){
 <text>Plain Text<text>
 }
 @if(foo){
 @:Plain Text
 }
(5)<text>標簽式一個Razor特殊處理的元素，Razor將<text>塊內(nèi)部內(nèi)容視為內(nèi)容塊，不呈現(xiàn)包含那些內(nèi)容的<text>標簽
 (這意味著只呈現(xiàn)<text>內(nèi)部內(nèi)容，不呈現(xiàn)標簽本身)。這使呈現(xiàn)沒有被HTML元素包裝的多行內(nèi)容塊變得方便
(6)表達式與文本混合
 1)ASPX引擎
 Hello <%:title%>.<%:name%>
 2)Razor引擎
 Hello @title.@name
(7)Email地址
 1)[email protected]
 Razor可以自動識別Email地址而不作為服務(wù)器端代碼執(zhí)行
(8)兩個連續(xù)的@@符號會被渲染成一個@符號
 I Hava A Dream,@@Kencery 
(9)顯示渲染輸出
 1)ISBN@(isbnNumber)
 2)當要渲染輸出的代碼@前無空格或標記位時，我們需要使用小括號繼續(xù)您顯示的渲染輸出
(10)服務(wù)器端注釋
 1)ASPX引擎
 <%
 I Have a Dream
 %>
 2)Razor引擎
 @*
 I Have a Dream
 *@
(11)渲染輸出動態(tài)方法
 1)對于動態(tài)方法返回值之類的輸出我們使用小括號將代碼閉合起來即可
 @(MyClass.MyMethod<AType>())
(12)創(chuàng)建Razor委托
 1)我們通過創(chuàng)建Razor委托來復(fù)用一些視圖邏輯
復(fù)制代碼代碼如下:

 @{
 Func<dynamic,object> b=
 @@item
 }
 @b("Bold this")
(13)內(nèi)容中混合代碼
復(fù)制代碼代碼如下:

 <ul>
 @foreach(var p in products){
 <li>
 @p.ProductName
 @if(p.unitsInStock==0){
 @:(Out of stock)
 }
 else if(p.unitsInStock<4){
 @:(only @p.unitsInStock Left!)
 }
 </li>
 }
 </ul>
(14)多行內(nèi)容的混合代碼
 1)內(nèi)容在html標記閉合中時
復(fù)制代碼代碼如下:

 @if(p.unitsInStock==0){
 
 Line one of Content
 Line two of Content
 Date is: @DateTime.Now
 Line four of Content
 
 }
(15)多行內(nèi)容混合代碼
 1)內(nèi)容外部沒有html標記包裝時
 1)@if(p.unitsInStock==0){
 @:Line one of Content
 @:Line two of Content
 @:Line four of Content
 }
 2)@if(p.unitsInStock==0){
 <text>
 Line one of Content
 Line two of Content
 Date is: @DateTime.Now
 Line four of Content
 </text>
 }
為什么需要布局頁面
(1) 沒有使用布局頁時，每個頁面中將大量的重復(fù)我們的核心網(wǎng)站布局代碼
 1)代碼冗余
 2)不利于管理
 3)不利于后期的修改和維護
Razor的布局
(1) 不需要使用專門的.master文件，而統(tǒng)一使用.cshtml(VB中為.vbhtml)文件
 1)布局文件名通常采用類似_Layout.cshtml的名字
(2)@RenderBody()用于標識布局頁中可替換內(nèi)容的主題部分
(3)內(nèi)容頁中通過給頁面的Layout屬性賦值實現(xiàn)指定布局(模版)頁的文件路徑
復(fù)制代碼代碼如下:

 @{
 Layout="~/Views/Shared/_Layout.cshtml";
}
布局頁的預(yù)設(shè)可布局區(qū)域
(1) 通過使用@RenderSection在布局頁中預(yù)設(shè)一些區(qū)域，用于在內(nèi)容頁中使用
 1)@RenderSection("head",false)
 ->第一個參數(shù)是Section的名字
 ->第二個嘗試使用來設(shè)定是否為必須填充內(nèi)容的區(qū)域
 ->上述代碼的含義是生命一個名字為head的非必需的內(nèi)容區(qū)域
(2)內(nèi)容頁中通過@section head{...}的方式向名為head的section中填充內(nèi)容
_ViewStart文件
(1) 在項目項目/視圖文件夾下添加一個名為
 _ViewStart.cshtml(或VB的_ViewStart.vbhtml)的文件
(2)該文件用來定義想要在每次視圖呈現(xiàn)開始時執(zhí)行的通用視圖代碼，比如我們可以在該文件中聲明默認的布局屬性
復(fù)制代碼代碼如下:

 @{
 Layout = "~/Views/Shared/_Layout.cshtml";
 }
(3)因為這段代碼在每個視圖開始的時候執(zhí)行，我們不需要再任何單個視圖文件中顯示設(shè)置布局(除非我們想要覆蓋上面的默認值).
ASPX視圖向Razor視圖的轉(zhuǎn)換
(1) 手寫一個文件一個文件的修改？
 1)坑爹啊
(2)自己寫代碼用正則表達式轉(zhuǎn)換？？
 1)正則表達式功底不夠好
(3)那就用著名的telerick團隊打造的RazorConverter吧！
 https://github.com/telerik/razor-converter
相信自己，也許你就是下一個奇跡

上一篇：淺談ASP.NET MVC應(yīng)用程序的安全性

下一篇：ASP.Net巧用窗體母版頁實例