【51CTO快譯】很多使用 ASP.NET 傳統 WebForm 表單技術的 web 開發者，對微軟新的開源 ASP.NET 擴展很感興趣，這個新的擴展稱為 ASP.NET MVC。對于軟件設計，將用戶界面（視圖）、運行邏輯（控制器）和數據（模型）分割開來的理念具有很多優點。

51CTO編輯推薦：《ASP.NET MVC 視頻教程》

其一，這種分割，雖然比通常情況要求投入稍多的工作，但有助于保持應用程序的可維護性。另一個優點是它能夠更好地對你的代碼進行單元測試。framework 框架（以及它的 Visual Studio 內置包）可幫助你創建單元測試結構，例如，以從控制器的方式創建；而你的任務就是編寫實際的測試代碼。ASP.NET MVC 1.0 剛剛推出才三個月，因此要在行業內獲得較好的應用還需要時間。不過，無論你使用傳統的 WebForm 表單技術還是 ASP.NET MVC，某些要求仍將是不變的：你需要對用戶界面進行測試、本地化以及進行細節調整。在本文中，我們將學習使用不同的方式對 ASP.NET MVC 應用程序進行單元測試，如何對多種語言進行本地化，以及在***，學習如何在用戶界面中添加 AJAX 觸控，其中的用戶界面使用 MVC 項目中的視圖實現。

從本地化開始

對于網頁應用程序，創建多種語言的用戶界面并不是什么新問題。事實上，ASP.NET 從最早的版本開始就內置了對本地化的支持。例如，你可能使用用戶局部或全局資源，并在控制和/或 .aspx 文件中使用 ﹤%$ %﹥ 構造進行相關的引用。ASP.NET MVC 應用程序中的視圖通常是常規的 .aspx 文件，因此你可以使用與 MVC 應用程序中完全相同的方法（參見圖 1）。

圖 1. ASP.NET MVC 應用程序的缺省外觀和布局。

除了這種傳統的本地化方法，你還可以將這種邏輯添加到控制器類中。由于使用 ﹤%$ %﹥ 是一種有點枯燥的方法，你可以使用該構造，根據當前所用的語言，從控制器返回不同的視圖。這是非常有用的，尤其，當不同語言版本的視圖不必保持一致時。例如，視圖的英文版比法語版具有更好的擴張性。

下面，我們看看實際操作中的這兩種選擇。假設你開始創建了一個簡單的 ASP.NET MVC 應用程序，尚未進行任何定制。Visual Studio 缺省創建的應用程序結構包含 Home 和 Account 控制器。例如，如果需要對 Home/About 文本進行本地化，你可以按照以下方式進行操作。

首先，你可以使用傳統的本地化方法：使用資源。例如，要使用全局資源，你需要將 App_GlobalResources 文件夾添加到你的解決方案中。在 Visual Studio 的解決方案管理器（Solution Explorer）中右鍵點擊項目節點，選擇 Add/Add ASP.NET Folder/App_GlobalResources 。這樣就可以創建所需的文件夾。

下一步是添加資源文件。在解決方案管理器，右鍵點擊新創建的文件夾，在彈出菜單中選擇 Add/New Item。這將打開 Add New Item 對話框，從中選擇資源文件（Resources File ）圖標。為資源文件命名之后，單擊 OK，Visual Studio 將會將它添加到你的項目中。然后，你可以在顯示的表格中鍵入資源字符串（圖 2）。使用資源時，對于在應用程序中進行本地化的每個字符串，你需要指定一個標識符。

圖 2. 在 ASP.NET MVC 應用程序中使用資源字符串進行本地化。

在開始對應用程序進行本地戶之前，指定容易識別的字符串是一個好習慣，因為在試圖頁面中引用字符串時，你需要這些標識符。另外需記住，許多字符串對于每個頁面都是唯一的，因此可能存在多個字符串，你可以在多個視圖中使用它們，有時需要標識符名稱能夠反應這種情況。引用本地化的字符串很簡單：你可以使用 ASP.NET 2.0 中引入的 ﹤%$ Resources %﹥構造。例如，在 MyResources.resx 資源文件中有一個名為 HelloWorldText 的字符串，下面這段 .aspx 文件中代碼，可以根據用戶的***語言，正確地轉換為本地化字符串：

 ﹤asp:Literal ID="Literal1" runat="server"
 Text="﹤%$ Resources: MyResources, HelloWorldText %﹥" /﹥

關于 ASP.NET MVC 查找正確的本地化版本，framework 框架使用專業的文件命名規則。MyResources.resx 資源文件包含相關語言的字符串，該語言被認為是該應用程序的初始語言。如果用戶的瀏覽器未指定語言，或者你沒有在代碼中指定一個語種，那么將使用初始語言字符串。不過，如果用戶選擇的語言為德語 那么該語言的首字母所寫“de”將添加到資源文件名稱后：MyResources.de.resx。其他語言也一樣，例如 MyResources.es.resx  文件中包含西班牙語字符串。對于本地化，你可以還想要在 .aspx 文件的 @Page 標簽中添加專用指令。比如，想要自動檢測用戶瀏覽器語言設置，你可以在該標簽（指定缺省語言的冒號之后）中添加 UICulture="auto" 屬性： 

﹤%@ Page ... UICulture="auto:en-US" %﹥

對簡單視圖進行本地化的另外一種選擇是根據用戶的語言返回不同的視圖。需要在控制器中包含一些邏輯算法，不過代碼很容易編寫。例如，你可以使用以下的邏輯：

public ActionResult Localized()
 {
 if (Request.UserLanguages.Length ﹥ 0)
 {
 string lang = Request.UserLanguages[0];
 if (lang.ToUpper().StartsWith("DE"))
 {
 return View("Localized-DE");
 }
 else return View("Localized-EN");
 }
 else return View("Localized-EN");
 } 

你也可以將這些代碼封裝在（應用）方法中。如果需要結合使用這兩種方式，那好消息是：你可以自由地進行組合和匹配。情況正是如此，ASP.NET MVC 應用程序的本地化不應受到目前可用技術的限制。

#p#

MVC 應用程序的單元測試

ASP.NET MVC 應用程序的優點之一是能夠更好地對你的代碼進行單元測試。雖然也可以對常規的 ASP.NET WebForm 應用程序進行測試，但通常認為它較為麻煩，因為應用程序模型將用戶界面、數據訪問和邏輯算法都混合到同一代碼文件和類之中了。相反，ASP.NET MVC 應用程序結構可構建天然的邊界，便于進行單元測試。

通常，控制器類是***的測試起始之處?？刂破鞣椒o需用戶界面，并且因此沒有函數的交互使用，所以它們是很好的測試對象。在開始創建一個 ASP.NET MVC 項目時，Visual Studio 會詢問是否在解決方案添加單元測試項目。如果你選擇添加，那么解決方案的顯示將與圖 3 所示類似：

圖 3. ASP.NET MVC 應用程序缺省的解決方案結構。

缺省模塊建議為每個控制器方法創建一個單元測試，但對于測試數量并沒有限制。如果安裝了 Visual Studio 2008 Professiona，可以使用 Solution 菜單命令中的  Test/Run/All Tests 運行解決方案中的所有可用測試（圖 4）。

圖 4. Visual Studio 中的單元測試結果。

ASP.NET MVC 的測試代碼編寫與其他 .NET 應用程序類似。你可以使用 Assert 類（在 Microsoft.VisualStudio.TestTools.UnitTesting 名稱空間內定義），以使 Visual Studio 獲得測試結果。例如，你的測試可能檢查控制器方法 Customers是否在 ViewData 對象中返回正確的數據：

 [TestMethod]
 public void Customers()
 {
 HomeController controller = new HomeController();
 ViewResult result = controller.Customers()
 as ViewResult;
 
 ViewDataDictionary viewData = result.ViewData;
 string tableName = "Customers";
 Assert.AreEqual(tableName, viewData["tableName"]);
 }

如果測試運行很快，即使運行幾百個測試也會很順利。不過，由于許多 ASP.NET MVC 應用程序使用 SQL 數據庫，對這些訪問進程進行測試可能需要一些時間。當然，你還應該對數據訪問類進行測試（也許還有模型），但通常，在測試進程中使用內存靜態數據模擬數據訪問更為方便。

其中一種實施方法是創建數據訪問接口，然后，通過讓一個類進行真正的數據訪問，而另一個僅模擬這種訪問。這個模擬類可以從內存中返回靜態數據而不是訪問真正 的數據庫。利用這兩個布置，你可以在應用程序中使用真實數據庫訪問，而在單元測試中使用模擬數據庫訪問。對于控制器測試，這種模擬式的數據訪問通常已足夠，而且可以更快地進行測試。

事實上，這種模擬類通常稱為模擬對象（mock ojbect）。模擬對象可以作為真實類的替代使用，這有助于編寫單元測試。在數據庫訪中，這種模擬對象是很有用的，但對于其他一些情況，也是如此。對于數據庫訪問，通常它有助于編寫你自己的模擬對象，但對于其他測試任務，如要求驗證，你可能需要使用預制的模擬對象庫。

對于 .NET，有多個庫可供使用，三個常用的是 EasyMock.NET、Moq 和 Rhino Mocks。這些都是開源的解決方案，相關網址請參閱下文中的鏈接部分。模擬的使用與庫相關，但通常他們需要你初始化 framework 框架，之后你就可以使用模擬對象替換真實對象了。

例如，你的視圖是保護型的，因此，只有通過授權的用戶可以訪問（使用控制器中的 Authorize 屬性指定），那么，為了成功地運行測試，單元測試需要構造合適的驗證對象。尤其驗證對象是 User 和 Identity 對象時。以下是一個示例，使用 Moq 庫創建模擬對象以幫助測試需要驗證的視圖：

 using Moq;
 using System.Web;
 using System.Security.Principal;
 ...
 HomeController controller = new HomeController();
 
 var context = new Mock﹤ControllerContext﹥();
 var user = new Mock﹤IPrincipal﹥();
 var identity = new Mock﹤IIdentity﹥();
 context.Setup(
 ctx =﹥ ctx.HttpContext.User).Returns(
 user.Object);
 user.Setup(ctx =﹥ ctx.Identity).Returns(
 identity.Object);
 identity.Setup(
 id =﹥ id.IsAuthenticated).Returns(true);
 identity.Setup(
 id =﹥ id.Name).Returns("John Doe");
 
 controller.ControllerContext = context.Object; 

Moq 庫非常依賴 C# lambda 表達式，為單元測試提供了新式觸控。如果你多多少少接觸過 lambda 表達式，那 framework 框架對你來說是非常容易學習。

請注意，如果你下載的測試 framework 框架為二進制文件，可能會遇到安全問題。如果你簡單地將 DLL 文件復制到解決方案文件中，然后通過引用來使用 framework，就會出現這種問題。對于這種情況，在運行測試時，Visual Studio 會報告“Not Executed”（未執行）。如果錯誤詳情中出現以下類似文字：Test Run deployment issue: The location of the file or directory 'library.dll' is not trusted（測試運行故障：文件或目錄 library.dll 的位置未經驗證），那就是發生了安全問題。解決這種安全問題的最簡單方式是，在 Windows 資源管理器中，打開 DLL 文件的屬性窗口（alt + 雙擊），然后單擊 Unblock（解鎖）按鈕。另外一種方法是利用 Caspol 程序對組件添加完全信任。

#p#

在應用程序總添加 AJAX  觸控

雖然 XHTML 和 CSS 中的***功能能夠帶你走得更遠，但在瀏覽器中使用 JS 腳本能夠讓你的網頁程序更加豐富多彩。而 ASP.NET MVC 內置了對 AJAX 腳本的支持，因此你可以創建具有更多功能的用戶界面。在 ASP.NET MVC 程序中添加 AJAX 支持的***件事是在視圖頁面中引用相應的腳本。在 Visual Studio 中創建缺省的 ASP.NET MVC 項目時，模塊將為你創建腳本文件夾，所有必需的JS 腳本文件都已經復制到正確的位置。在 Visual Studio 的解決方案管理器中，你可以看到這個文件夾中的一些腳本文件（圖 5）。

 
圖 5. AJAX 支持文件已復制到 ASP.NET MVC 程序中。

雖然可以在該文件夾中添加定制的腳本，但 ASP.NET MVC 安裝包提供的腳本提供了一個便利的起始點。為了啟用這些腳本，你需要使用以下方式在 .aspx 文件中引用： 

 ﹤script src="/Scripts/MicrosoftAjax.js"
 type="text/javascript"﹥﹤/script﹥
 ﹤script src="/Scripts/MicrosoftMvcAjax.js"
 type="text/javascript"﹥﹤/script﹥ 

利用適當的引用，你可以使用內置的 AJAX helper 對象，創建指向控制器操作的操作鏈接，并接著返回數據。然后，可以利用該數據更新用戶界面：

﹤div id="hello-world-element"﹥﹤/div﹥
﹤%= Ajax.ActionLink("Show Ajax Message",
 "AjaxMessage", new { Name = "TestUser" },
 new AjaxOptions {
 UpdateTargetId = "hello-world-element"
 })%﹥ 

以上代碼將生成基于腳本的鏈接，它觸發 Home 控制器中的 AjaxMessage 操作。對于 AJAX 的實現，無需在控制器中編寫任何專用的代碼：返回 HTML 代碼片段的常規代碼就足夠了。不過，如果想要返回對象可使用 JS 處理，那么應以 JSON 編碼的格式返回。ASP.NET MVC 利用 JSON helper 方法可以方便地返回這種對象，該方法可從控制器類獲取。以下是實現這種操作方法的示例：

public JsonResult JsonTest()
 {
 var quickObject = new
 {
 Name = "John Doe",
 Age = 37,
 City = "Salt Lake City"
 };
 return Json(quickObject);
 }

你還可以使用常用的 jQuery 庫，它有助于在試圖頁面中編寫 JS 代碼。jQuery 是一個開源庫（與模擬對象庫類似），并且在 ASP.NET MVC 程序中直接使用。實際上，ASP.NET MVC 自帶版本 1.3.2 的 jQuery，并且只需通過指向相應的 .js 文件就可引用：

﹤script type="text/javascript" src="/Scripts/jquery-1.3.2.js"﹥﹤/script﹥

同樣，在添加該引用之后，你可以開始使用相應的庫。例如，想要為標題添加一些動畫效果，你可以調用 jQuery 支持的 fadeOut 方法。這種方法利用一個時間值（單位是毫秒）來更改 HTML 元素（比如 DIV 標簽中定義的元素）的顯示。以下為示例：

﹤script type="text/javascript"﹥
 function FadeTextOut() {
 $("#my-id").fadeOut(1500, null);
 }
 ﹤/script﹥ 
﹤a href="#" onclick="javascript:FadeTextOut();"﹥Click me﹤/a﹥
﹤p﹥
﹤div id="my-id" style="font-size: x-large;"﹥Hello, World!﹤/div﹥
﹤/p﹥

如果還不熟悉 jQuery，那么可在 jQuery 官方網站上查閱相應的使用指南，或者訪問 Developer.com，學習一些入門知識。

總結

在本文中，你學習了對于幾乎所有 ASP.NET MVC 程序都非常常見而有不同的三種需求：本地化、單元測試和 AJAX 支持。對于常規的 ASP.NET WebForm 程序，以前已經有其他文章講述了這些內容，但 ASP.NET MVC 要求更高的技術。例如，在 ASP.NET MVC 應用程序中，可以使用多種方式進行本地化：使用資源字符串，可以有效地為每種語言生成不同的視圖。同樣， ASP.NET MVC 應用程序不便于使用 ScriptManager 組件，因此在編寫 AJAX 程序時你需要改變策略。

***，對于 Microsoft .NET 平臺提供的網頁技術，ASP.NET MVC 是一個很好的補充。對于你編寫的所有網頁程序，ASP.NET MVC 可能并非最理想的解決方案，但熟練的 ASP.NET MVC 技術可以讓你如虎添翼，飛的更遠更高。

原文：Localizing, unit testing and using AJAX in ASP.NET MVC applications

作者：Jani Järvinen

本文作者Jani Järvinen 是芬蘭的軟件開發培訓師和顧問。他曾獲得微軟 C# 最有價值專家（MVP），并且是一位非常多產的作家。

譯者：司馬牽牛

【編輯推薦】

1. 簡單理解ASP.NET MVC基本知識
2. 淺析ASP.NET MVC中的TempData機制
3. 技術高手講評ASP.NET MVC 1.0
4. ASP.Net MVC框架配置與分析
5. 實戰ASP.NET MVC幫助理解Routing