在這里我們將從一個實(shí)例為大家分析ASP.NET MVC 2中的Tailspin Travel UI層，51CTO也向您推薦專訪微軟MVP衣明志：走進(jìn)ASP.NET MVC 2框架開發(fā)。以便于大家更好的理解ASP.NET MVC。

Tailspin Travel 是一個旅游預(yù)訂的應(yīng)用程序示例，最新版本采用ASP.NET MVC 2技術(shù)構(gòu)建，主要使用 DataAnnotations 驗(yàn)證, 客戶端驗(yàn)證和ViewModels，還展示了許多Visual Studio 2010, .NET Framework 4, 和Windows Server AppFabric的技術(shù),參看ASP.NET MVC 2示例Tailspin Travel。

Tailspin Travel設(shè)計的技術(shù)比較多，今天我們來看看界面（UI）上的技術(shù)，在UI層上來說主要采用的技術(shù)是ASP.NET MVC2和ASP.NET DynamicData框架。從功能上來分為向普通用戶提供的前臺頁面和管理員使用的后臺界面，前臺頁面主要實(shí)現(xiàn)的是旅游活動日程安排，航班，酒店，租車這幾部分采用的ASP.NET MVC 2技術(shù)，管理員用的后臺管理頁面使用的是ASP.NET DynamicData開發(fā)的，這兩種技術(shù)在網(wǎng)站里的應(yīng)用有示范作用，對于管理員使用的后臺的訪問量不可能很大，網(wǎng)站的主要流量是普通用戶使用的前臺頁面，組合使用這兩個框架，可以加快網(wǎng)站的開發(fā)。

組合這兩種技術(shù)，就會碰到一些的問題，第一個問題就是ASP.NET 動態(tài)數(shù)據(jù)(Dynamic Data )默認(rèn)情況下，動態(tài)數(shù)據(jù)放在web應(yīng)用的動態(tài)數(shù)據(jù)目錄(DynamicData)里，該目錄創(chuàng)建在根目錄處。你的應(yīng)用需要移動的不同的位置。 在Tailspin Travel里面是“admin”目錄，動態(tài)數(shù)據(jù)就在這個目錄下，然后在Globa.asax.cs文件里

var metaModel = new MetaModel();   
metaModel.RegisterContext(contextFactory, new ContextConfiguration { ScaffoldAllTables = true });   
metaModel.DynamicDataFolderVirtualPath = "~/Admin/DynamicData/"; 

改變admin/Dynamicdata 下文件的內(nèi)容的引用到新的路徑（(~/admin/Dynamicdata）
例如：

A、修改List.aspx和ListDetails.aspx 的注冊指令的src屬性。

B、修改 List.aspx 和母版頁的img 的src屬性。

C、任何自定義的必須使用新路徑的內(nèi)容。

ASP.NET 4.0有個新特性叫做“自動啟動應(yīng)用程序”，自動啟動，先行初始化web應(yīng)用，而不必等待外部客戶端訪問web服務(wù)器時才啟動的能力。這可以有助于你給第一個訪問者提供一個更快的回復(fù)體驗(yàn)，避免撰寫定制腳本來“預(yù)熱（warm up）”服務(wù)器和準(zhǔn)備好任何數(shù)據(jù)緩存。它可用于任何類型的ASP.NET應(yīng)用，包括基于ASP.NET Web Forms和ASP.NET MVC的應(yīng)用。不過要求在IIS 7.5（隨Windows 7和Windows Server 2008 R2發(fā)布）上運(yùn)行 ASP.NET 4時使用。這個自動啟動特性提供了一個可控制的方式來啟動一個應(yīng)用工作進(jìn)程，初始化ASP.NET 應(yīng)用，然后接受HTTP請求。具體參看Scott Guthrie 的文章 VS 2010 和 .NET 4.0 系列之《自動啟動ASP.NET應(yīng)用》篇，Tailspin Travel有個類Microsoft.Samples.Tailspin.Web.Infrastructure.ApplicationPreloader，就是用這個特性預(yù)先加載應(yīng)用程序的緩存。

下面我們來具體分析前臺和管理后臺：

前臺采用ASP.NET MVC 2開發(fā)，比較簡單，主要是使用ViewModels，HtmlHelper，輸出緩存，避免CSRF攻擊，查詢方法中使用PartialView，以及jQuery和ASP.NET Ajax配合的相關(guān)內(nèi)容，可以參考 Asp.net MVC2 使用經(jīng)驗(yàn)，性能優(yōu)化建議學(xué)習(xí)。

下面重點(diǎn)來說明一下管理后臺的DynamicData的結(jié)構(gòu)，先可以閱讀一下Scott Guthrie 的文章 新的ASP.NET動態(tài)數(shù)據(jù)支持：

ASP.NET 動態(tài)數(shù)據(jù)在進(jìn)行創(chuàng)建和更新數(shù)據(jù)時還會對所錄入的數(shù)據(jù)進(jìn)行驗(yàn)證，這種驗(yàn)證既發(fā)生在客戶端也發(fā)生在服務(wù)器端。

必填字段驗(yàn)證。如果字段不允許為 NULL，則錄入時必須錄入數(shù)據(jù)。不過這里還有待改進(jìn)，不允許為 NULL，也就成了不允許零長度字符串，而實(shí)際應(yīng)用中 NULL 和零長度字符串是兩回事?？v然不夠完美，也已經(jīng)為我們減輕不少工作量了。

長度驗(yàn)證。如果字段類型為 nvarchar(10)，那么就不允許超過 10 個字符；如果字段類型不是 nvarchar(10)，而是 varchar(10)，此時六個漢字也會通過驗(yàn)證，只是無法入庫罷了，會返回錯誤。

類型驗(yàn)證。比如字段是日期類型，則只允許錄入日期。

ASP.NET 動態(tài)數(shù)據(jù)具有自動格式功能：比如 bit 類型的字段顯示為一個多選框，而標(biāo)識字段不會在插入數(shù)據(jù)時顯示出來。

ASP.NET 動態(tài)數(shù)據(jù)還具有自動識別表關(guān)聯(lián)的功能：比如產(chǎn)品表與產(chǎn)品類別表進(jìn)行了關(guān)聯(lián)，那么我們在錄入產(chǎn)品數(shù)據(jù)的時候，ASP.NET 動態(tài)數(shù)據(jù)會自動以下拉列表的形式顯示產(chǎn)品類別。此功能非常不錯。

在網(wǎng)站或者應(yīng)用程序模板中有兩個Dynamic Data模板，一個是 "Dynamic Data實(shí)體模板(Dynamic Data Entities )"它是使用ADO.net Entity作為數(shù)據(jù)模型的，另一個是 "Dynamic Data 模板"，他是使用LINQ TO SQL 來作為數(shù)據(jù)模型。Tailspin Travel 是以Entity Framework作為數(shù)據(jù)模型的。

Dynamic Data也使用了Routing： 

routes.Add(new DynamicDataRoute("Admin/{table}/{action}")   
{   
    Constraints = new RouteValueDictionary(new { action = "List|Edit|Details|Insert" }),   
    Model = metaModel   
}); 

routes.Add 的參數(shù)為一個 DynamicDataRoute 對象，而該 DynamicDataRoute 對象有一個參數(shù)為 "Admin/{table}/{action}.aspx"，另外還為該對象指定了兩個屬性值 Constraints 和 Model。把一個繼承自Route的DynamicDataRoute添加到Routing規(guī)則表中。

Constraints = new RouteValueDictionary(new { action = "List|Details|Edit|Insert" }) 這句表示約束，這里表示 action 只能是 List、Details、Edit、Insert 中的一個。

可以看出，這四個Aciton是對應(yīng)著DynamicData/PageTemplates文件夾中的四個頁面文件。在那文件夾中還有一個ListDetails.aspx頁面文件，是用于"合并頁模式"，就是所有的操作都會在一頁中完成。Tailspin Travel并沒有啟用這個功能。DynamicData 文件夾的名稱都是“DynamicData”。

上面的 {table}、{action} 可不可以改成我們自己想要的名字呢？

不行的，我們可以看到，上面使用的是 DynamicDataRoute 類，而不是 Route 類，DynamicDataRoute 繼承于 Route，Table 和 Action 屬性是 DynamicDataRoute 特有的。

DynamicData/Content/GridViewPager.ascx 分頁控件。

DynamicData/Content/FilterUserControl.ascx 在顯示表中的數(shù)據(jù)時，該控件顯示在表頭，用以過濾表中的內(nèi)容，比如可以只列表產(chǎn)品目錄為“實(shí)用工具”的產(chǎn)品。

DynamicData/CustomPages 文件夾。自定義網(wǎng)頁模板文件夾，可用以替換 DynamicData/PageTemplates 文件夾中的默認(rèn)模板。

DynamicData/FieldTemplates 文件夾。包含各種類型的字段在查看和創(chuàng)建、編輯時所呈現(xiàn)的控件。

DynamicData/PageTemplates 文件夾。包含在進(jìn)行查看、編輯時的頁面模板。

Dynamic Data還有一個快速開發(fā)的基礎(chǔ)是腳手架，腳手架是一種機(jī)制，通過腳手架，我們不必再為每一個表的增加、查看、修改做不同的頁面，因?yàn)槟_手架會自動生成這些頁面。Tailspin Travel對所有表都啟用腳手架，對所有表啟用腳手架表示公開了整個數(shù)據(jù)模型：

metaModel.RegisterContext(contextFactory, new ContextConfiguration { ScaffoldAllTables = true });

還可以對特定表啟用腳手架功能，這時就要將上面的ScaffoldAllTables = false，然后給模型類打標(biāo)簽[System.ComponentModel.DataAnnotations.ScaffoldTable(true)]

自動生成的網(wǎng)站需要我們調(diào)整的頁面，需要創(chuàng)建自定義的頁面可以把它放在DynamicData/CustomPages 文件夾，在 DynamicData/CustomPages/ 下新建一個文件夾，名稱為 FlightBookings，這個名稱一定要與 Tailspin.edmx中的相應(yīng)表的分部類名稱一樣。然后將 DynamicData/PageTemplates/ 下的文件復(fù)制到 DynamicData/CustomPages/FlightBookings/。

更改新模板文件中的類名。

比如將類名稱 List 改為 DynamicDataTest.FlightBookingsList。

使用DisplayName更改界面的顯示，DisplayName 只能用于類、方法、屬性、索引、事件

[MetadataType(typeof(CarRentalMetadata))]   
    public partial class CarRental   
    {   
        [ScaffoldTable(false)]   
        private class CarRentalMetadata   
        {   
            [DisplayName("Pick up")]   
            public object RentalStart { get; set; }  
 
            [DisplayName("Return")]   
            public object RentalEnd { get; set; }  
 
            [DisplayName("Pick up Place")]   
            [Required(ErrorMessage = "Please specify where you prefer to pickup the vehicle.")]   
            public object PickupPlaceId { get; set; }  
 
            [DisplayName("Return place")]   
            [Required(ErrorMessage = "Please specify where you prefer to return the vehicle.")]   
            public object ReturnPlaceId { get; set; }  
 
            [DisplayName("Vehicle")]   
            [Required(ErrorMessage = "Please specify the vehicle type.")]   
            public object VehicleTypeId { get; set; }   
        }   
    } 

還可以用 UIHint，DataType 改變字段模板

[MetadataType(typeof(FlightMetadata))]   
    public partial class Flight   
    {   
        public Flight()   
        {   
            this.Id = Guid.NewGuid();   
        }  
 
        [DisplayName("Flights")]   
        private class FlightMetadata   
        {   
            [ScaffoldColumn(false)]   
            public object Id { get; set; }  
 
            [Required]   
            public object AirplaneType { get; set; }  
 
            [UIHint("Time")]   
            public object DepartureTime { get; set; }  
 
            [UIHint("Time")]   
            [DataType(DataType.Time)]   
            public object ArrivalTime { get; set; }  
 
            [DisplayName("Departure Airport")]   
            public object DepartureAirport { get; set; }  
 
            [DisplayName("Arrival Airport")]   
            public object ArrivalAirport { get; set; }   
        }   
    } 

DynamicData非常的靈活，Tailspin Travel用來對付管理后臺的開發(fā)方面具有非常高的效率，在前臺使用MVC2保證性能，在UI界面的開發(fā)方面非常值得借鑒的一種模式。

原文標(biāo)題：ASP.NET MVC 2示例Tailspin Travel UI層分析

鏈接：http://www.cnblogs.com/shanyou/archive/2010/03/26/1696572.html

【編輯推薦】

1. 詳解ASP.NET MVC 2中的Area特性
2. 專訪微軟MVP衣明志：走進(jìn)ASP.NET MVC 2框架開發(fā)
3. 詳解ASP.NET MVC 2中強(qiáng)類型HTML輔助方法
4. 詳解ASP.NET MVC 2自定義驗(yàn)證
5. Scott Gu教你使用ASP.NET MVC 2新功能