ASP.NET MVC應(yīng)用程序的本地化、單元測(cè)試和AJAX應(yīng)用
譯文【51CTO快譯】很多使用 ASP.NET 傳統(tǒng) WebForm 表單技術(shù)的 web 開(kāi)發(fā)者,對(duì)微軟新的開(kāi)源 ASP.NET 擴(kuò)展很感興趣,這個(gè)新的擴(kuò)展稱為 ASP.NET MVC。對(duì)于軟件設(shè)計(jì),將用戶界面(視圖)、運(yùn)行邏輯(控制器)和數(shù)據(jù)(模型)分割開(kāi)來(lái)的理念具有很多優(yōu)點(diǎn)。
51CTO編輯推薦:《ASP.NET MVC 視頻教程》
其一,這種分割,雖然比通常情況要求投入稍多的工作,但有助于保持應(yīng)用程序的可維護(hù)性。另一個(gè)優(yōu)點(diǎn)是它能夠更好地對(duì)你的代碼進(jìn)行單元測(cè)試。framework 框架(以及它的 Visual Studio 內(nèi)置包)可幫助你創(chuàng)建單元測(cè)試結(jié)構(gòu),例如,以從控制器的方式創(chuàng)建;而你的任務(wù)就是編寫(xiě)實(shí)際的測(cè)試代碼。ASP.NET MVC 1.0 剛剛推出才三個(gè)月,因此要在行業(yè)內(nèi)獲得較好的應(yīng)用還需要時(shí)間。不過(guò),無(wú)論你使用傳統(tǒng)的 WebForm 表單技術(shù)還是 ASP.NET MVC,某些要求仍將是不變的:你需要對(duì)用戶界面進(jìn)行測(cè)試、本地化以及進(jìn)行細(xì)節(jié)調(diào)整。在本文中,我們將學(xué)習(xí)使用不同的方式對(duì) ASP.NET MVC 應(yīng)用程序進(jìn)行單元測(cè)試,如何對(duì)多種語(yǔ)言進(jìn)行本地化,以及在***,學(xué)習(xí)如何在用戶界面中添加 AJAX 觸控,其中的用戶界面使用 MVC 項(xiàng)目中的視圖實(shí)現(xiàn)。
從本地化開(kāi)始
對(duì)于網(wǎng)頁(yè)應(yīng)用程序,創(chuàng)建多種語(yǔ)言的用戶界面并不是什么新問(wèn)題。事實(shí)上,ASP.NET 從最早的版本開(kāi)始就內(nèi)置了對(duì)本地化的支持。例如,你可能使用用戶局部或全局資源,并在控制和/或 .aspx 文件中使用 ﹤%$ %﹥ 構(gòu)造進(jìn)行相關(guān)的引用。ASP.NET MVC 應(yīng)用程序中的視圖通常是常規(guī)的 .aspx 文件,因此你可以使用與 MVC 應(yīng)用程序中完全相同的方法(參見(jiàn)圖 1)。
圖 1. ASP.NET MVC 應(yīng)用程序的缺省外觀和布局。
除了這種傳統(tǒng)的本地化方法,你還可以將這種邏輯添加到控制器類中。由于使用 ﹤%$ %﹥ 是一種有點(diǎn)枯燥的方法,你可以使用該構(gòu)造,根據(jù)當(dāng)前所用的語(yǔ)言,從控制器返回不同的視圖。這是非常有用的,尤其,當(dāng)不同語(yǔ)言版本的視圖不必保持一致時(shí)。例如,視圖的英文版比法語(yǔ)版具有更好的擴(kuò)張性。
下面,我們看看實(shí)際操作中的這兩種選擇。假設(shè)你開(kāi)始創(chuàng)建了一個(gè)簡(jiǎn)單的 ASP.NET MVC 應(yīng)用程序,尚未進(jìn)行任何定制。Visual Studio 缺省創(chuàng)建的應(yīng)用程序結(jié)構(gòu)包含 Home 和 Account 控制器。例如,如果需要對(duì) Home/About 文本進(jìn)行本地化,你可以按照以下方式進(jìn)行操作。
首先,你可以使用傳統(tǒng)的本地化方法:使用資源。例如,要使用全局資源,你需要將 App_GlobalResources 文件夾添加到你的解決方案中。在 Visual Studio 的解決方案管理器(Solution Explorer)中右鍵點(diǎn)擊項(xiàng)目節(jié)點(diǎn),選擇 Add/Add ASP.NET Folder/App_GlobalResources 。這樣就可以創(chuàng)建所需的文件夾。
下一步是添加資源文件。在解決方案管理器,右鍵點(diǎn)擊新創(chuàng)建的文件夾,在彈出菜單中選擇 Add/New Item。這將打開(kāi) Add New Item 對(duì)話框,從中選擇資源文件(Resources File )圖標(biāo)。為資源文件命名之后,單擊 OK,Visual Studio 將會(huì)將它添加到你的項(xiàng)目中。然后,你可以在顯示的表格中鍵入資源字符串(圖 2)。使用資源時(shí),對(duì)于在應(yīng)用程序中進(jìn)行本地化的每個(gè)字符串,你需要指定一個(gè)標(biāo)識(shí)符。
圖 2. 在 ASP.NET MVC 應(yīng)用程序中使用資源字符串進(jìn)行本地化。
在開(kāi)始對(duì)應(yīng)用程序進(jìn)行本地戶之前,指定容易識(shí)別的字符串是一個(gè)好習(xí)慣,因?yàn)樵谠噲D頁(yè)面中引用字符串時(shí),你需要這些標(biāo)識(shí)符。另外需記住,許多字符串對(duì)于每個(gè)頁(yè)面都是唯一的,因此可能存在多個(gè)字符串,你可以在多個(gè)視圖中使用它們,有時(shí)需要標(biāo)識(shí)符名稱能夠反應(yīng)這種情況。引用本地化的字符串很簡(jiǎn)單:你可以使用 ASP.NET 2.0 中引入的 ﹤%$ Resources %﹥構(gòu)造。例如,在 MyResources.resx 資源文件中有一個(gè)名為 HelloWorldText 的字符串,下面這段 .aspx 文件中代碼,可以根據(jù)用戶的***語(yǔ)言,正確地轉(zhuǎn)換為本地化字符串:
﹤asp:Literal ID="Literal1" runat="server" |
關(guān)于 ASP.NET MVC 查找正確的本地化版本,framework 框架使用專業(yè)的文件命名規(guī)則。MyResources.resx 資源文件包含相關(guān)語(yǔ)言的字符串,該語(yǔ)言被認(rèn)為是該應(yīng)用程序的初始語(yǔ)言。如果用戶的瀏覽器未指定語(yǔ)言,或者你沒(méi)有在代碼中指定一個(gè)語(yǔ)種,那么將使用初始語(yǔ)言字符串。不過(guò),如果用戶選擇的語(yǔ)言為德語(yǔ) 那么該語(yǔ)言的首字母所寫(xiě)“de”將添加到資源文件名稱后:MyResources.de.resx。其他語(yǔ)言也一樣,例如 MyResources.es.resx 文件中包含西班牙語(yǔ)字符串。對(duì)于本地化,你可以還想要在 .aspx 文件的 @Page 標(biāo)簽中添加專用指令。比如,想要自動(dòng)檢測(cè)用戶瀏覽器語(yǔ)言設(shè)置,你可以在該標(biāo)簽(指定缺省語(yǔ)言的冒號(hào)之后)中添加 UICulture="auto" 屬性:
﹤%@ Page ... UICulture="auto:en-US" %﹥ |
對(duì)簡(jiǎn)單視圖進(jìn)行本地化的另外一種選擇是根據(jù)用戶的語(yǔ)言返回不同的視圖。需要在控制器中包含一些邏輯算法,不過(guò)代碼很容易編寫(xiě)。例如,你可以使用以下的邏輯:
public ActionResult Localized() |
你也可以將這些代碼封裝在(應(yīng)用)方法中。如果需要結(jié)合使用這兩種方式,那好消息是:你可以自由地進(jìn)行組合和匹配。情況正是如此,ASP.NET MVC 應(yīng)用程序的本地化不應(yīng)受到目前可用技術(shù)的限制。
#p#
MVC 應(yīng)用程序的單元測(cè)試
ASP.NET MVC 應(yīng)用程序的優(yōu)點(diǎn)之一是能夠更好地對(duì)你的代碼進(jìn)行單元測(cè)試。雖然也可以對(duì)常規(guī)的 ASP.NET WebForm 應(yīng)用程序進(jìn)行測(cè)試,但通常認(rèn)為它較為麻煩,因?yàn)閼?yīng)用程序模型將用戶界面、數(shù)據(jù)訪問(wèn)和邏輯算法都混合到同一代碼文件和類之中了。相反,ASP.NET MVC 應(yīng)用程序結(jié)構(gòu)可構(gòu)建天然的邊界,便于進(jìn)行單元測(cè)試。
通常,控制器類是***的測(cè)試起始之處??刂破鞣椒o(wú)需用戶界面,并且因此沒(méi)有函數(shù)的交互使用,所以它們是很好的測(cè)試對(duì)象。在開(kāi)始創(chuàng)建一個(gè) ASP.NET MVC 項(xiàng)目時(shí),Visual Studio 會(huì)詢問(wèn)是否在解決方案添加單元測(cè)試項(xiàng)目。如果你選擇添加,那么解決方案的顯示將與圖 3 所示類似:
圖 3. ASP.NET MVC 應(yīng)用程序缺省的解決方案結(jié)構(gòu)。
缺省模塊建議為每個(gè)控制器方法創(chuàng)建一個(gè)單元測(cè)試,但對(duì)于測(cè)試數(shù)量并沒(méi)有限制。如果安裝了 Visual Studio 2008 Professiona,可以使用 Solution 菜單命令中的 Test/Run/All Tests 運(yùn)行解決方案中的所有可用測(cè)試(圖 4)。
圖 4. Visual Studio 中的單元測(cè)試結(jié)果。
ASP.NET MVC 的測(cè)試代碼編寫(xiě)與其他 .NET 應(yīng)用程序類似。你可以使用 Assert 類(在 Microsoft.VisualStudio.TestTools.UnitTesting 名稱空間內(nèi)定義),以使 Visual Studio 獲得測(cè)試結(jié)果。例如,你的測(cè)試可能檢查控制器方法 Customers是否在 ViewData 對(duì)象中返回正確的數(shù)據(jù):
[TestMethod] |
如果測(cè)試運(yùn)行很快,即使運(yùn)行幾百個(gè)測(cè)試也會(huì)很順利。不過(guò),由于許多 ASP.NET MVC 應(yīng)用程序使用 SQL 數(shù)據(jù)庫(kù),對(duì)這些訪問(wèn)進(jìn)程進(jìn)行測(cè)試可能需要一些時(shí)間。當(dāng)然,你還應(yīng)該對(duì)數(shù)據(jù)訪問(wèn)類進(jìn)行測(cè)試(也許還有模型),但通常,在測(cè)試進(jìn)程中使用內(nèi)存靜態(tài)數(shù)據(jù)模擬數(shù)據(jù)訪問(wèn)更為方便。
其中一種實(shí)施方法是創(chuàng)建數(shù)據(jù)訪問(wèn)接口,然后,通過(guò)讓一個(gè)類進(jìn)行真正的數(shù)據(jù)訪問(wèn),而另一個(gè)僅模擬這種訪問(wèn)。這個(gè)模擬類可以從內(nèi)存中返回靜態(tài)數(shù)據(jù)而不是訪問(wèn)真正 的數(shù)據(jù)庫(kù)。利用這兩個(gè)布置,你可以在應(yīng)用程序中使用真實(shí)數(shù)據(jù)庫(kù)訪問(wèn),而在單元測(cè)試中使用模擬數(shù)據(jù)庫(kù)訪問(wèn)。對(duì)于控制器測(cè)試,這種模擬式的數(shù)據(jù)訪問(wèn)通常已足夠,而且可以更快地進(jìn)行測(cè)試。
事實(shí)上,這種模擬類通常稱為模擬對(duì)象(mock ojbect)。模擬對(duì)象可以作為真實(shí)類的替代使用,這有助于編寫(xiě)單元測(cè)試。在數(shù)據(jù)庫(kù)訪中,這種模擬對(duì)象是很有用的,但對(duì)于其他一些情況,也是如此。對(duì)于數(shù)據(jù)庫(kù)訪問(wèn),通常它有助于編寫(xiě)你自己的模擬對(duì)象,但對(duì)于其他測(cè)試任務(wù),如要求驗(yàn)證,你可能需要使用預(yù)制的模擬對(duì)象庫(kù)。
對(duì)于 .NET,有多個(gè)庫(kù)可供使用,三個(gè)常用的是 EasyMock.NET、Moq 和 Rhino Mocks。這些都是開(kāi)源的解決方案,相關(guān)網(wǎng)址請(qǐng)參閱下文中的鏈接部分。模擬的使用與庫(kù)相關(guān),但通常他們需要你初始化 framework 框架,之后你就可以使用模擬對(duì)象替換真實(shí)對(duì)象了。
例如,你的視圖是保護(hù)型的,因此,只有通過(guò)授權(quán)的用戶可以訪問(wèn)(使用控制器中的 Authorize 屬性指定),那么,為了成功地運(yùn)行測(cè)試,單元測(cè)試需要構(gòu)造合適的驗(yàn)證對(duì)象。尤其驗(yàn)證對(duì)象是 User 和 Identity 對(duì)象時(shí)。以下是一個(gè)示例,使用 Moq 庫(kù)創(chuàng)建模擬對(duì)象以幫助測(cè)試需要驗(yàn)證的視圖:
using Moq; |
Moq 庫(kù)非常依賴 C# lambda 表達(dá)式,為單元測(cè)試提供了新式觸控。如果你多多少少接觸過(guò) lambda 表達(dá)式,那 framework 框架對(duì)你來(lái)說(shuō)是非常容易學(xué)習(xí)。
請(qǐng)注意,如果你下載的測(cè)試 framework 框架為二進(jìn)制文件,可能會(huì)遇到安全問(wèn)題。如果你簡(jiǎn)單地將 DLL 文件復(fù)制到解決方案文件中,然后通過(guò)引用來(lái)使用 framework,就會(huì)出現(xiàn)這種問(wèn)題。對(duì)于這種情況,在運(yùn)行測(cè)試時(shí),Visual Studio 會(huì)報(bào)告“Not Executed”(未執(zhí)行)。如果錯(cuò)誤詳情中出現(xiàn)以下類似文字:Test Run deployment issue: The location of the file or directory 'library.dll' is not trusted(測(cè)試運(yùn)行故障:文件或目錄 library.dll 的位置未經(jīng)驗(yàn)證),那就是發(fā)生了安全問(wèn)題。解決這種安全問(wèn)題的最簡(jiǎn)單方式是,在 Windows 資源管理器中,打開(kāi) DLL 文件的屬性窗口(alt + 雙擊),然后單擊 Unblock(解鎖)按鈕。另外一種方法是利用 Caspol 程序?qū)M件添加完全信任。
#p#
在應(yīng)用程序總添加 AJAX 觸控
雖然 XHTML 和 CSS 中的***功能能夠帶你走得更遠(yuǎn),但在瀏覽器中使用 JS 腳本能夠讓你的網(wǎng)頁(yè)程序更加豐富多彩。而 ASP.NET MVC 內(nèi)置了對(duì) AJAX 腳本的支持,因此你可以創(chuàng)建具有更多功能的用戶界面。在 ASP.NET MVC 程序中添加 AJAX 支持的***件事是在視圖頁(yè)面中引用相應(yīng)的腳本。在 Visual Studio 中創(chuàng)建缺省的 ASP.NET MVC 項(xiàng)目時(shí),模塊將為你創(chuàng)建腳本文件夾,所有必需的JS 腳本文件都已經(jīng)復(fù)制到正確的位置。在 Visual Studio 的解決方案管理器中,你可以看到這個(gè)文件夾中的一些腳本文件(圖 5)。
圖 5. AJAX 支持文件已復(fù)制到 ASP.NET MVC 程序中。
雖然可以在該文件夾中添加定制的腳本,但 ASP.NET MVC 安裝包提供的腳本提供了一個(gè)便利的起始點(diǎn)。為了啟用這些腳本,你需要使用以下方式在 .aspx 文件中引用:
﹤script src="/Scripts/MicrosoftAjax.js" |
請(qǐng)注意,腳本文件夾中包含了這些庫(kù)的 debug 版本。其差異基本在于注釋、格式和代碼間距。間隔越緊湊文件越小,從而程序加載也更快。
利用適當(dāng)?shù)囊?,你可以使用?nèi)置的 AJAX helper 對(duì)象,創(chuàng)建指向控制器操作的操作鏈接,并接著返回?cái)?shù)據(jù)。然后,可以利用該數(shù)據(jù)更新用戶界面:
﹤div id="hello-world-element"﹥﹤/div﹥ |
以上代碼將生成基于腳本的鏈接,它觸發(fā) Home 控制器中的 AjaxMessage 操作。對(duì)于 AJAX 的實(shí)現(xiàn),無(wú)需在控制器中編寫(xiě)任何專用的代碼:返回 HTML 代碼片段的常規(guī)代碼就足夠了。不過(guò),如果想要返回對(duì)象可使用 JS 處理,那么應(yīng)以 JSON 編碼的格式返回。ASP.NET MVC 利用 JSON helper 方法可以方便地返回這種對(duì)象,該方法可從控制器類獲取。以下是實(shí)現(xiàn)這種操作方法的示例:
public JsonResult JsonTest() |
你還可以使用常用的 jQuery 庫(kù),它有助于在試圖頁(yè)面中編寫(xiě) JS 代碼。jQuery 是一個(gè)開(kāi)源庫(kù)(與模擬對(duì)象庫(kù)類似),并且在 ASP.NET MVC 程序中直接使用。實(shí)際上,ASP.NET MVC 自帶版本 1.3.2 的 jQuery,并且只需通過(guò)指向相應(yīng)的 .js 文件就可引用:
﹤script type="text/javascript" src="/Scripts/jquery-1.3.2.js"﹥﹤/script﹥ |
同樣,在添加該引用之后,你可以開(kāi)始使用相應(yīng)的庫(kù)。例如,想要為標(biāo)題添加一些動(dòng)畫(huà)效果,你可以調(diào)用 jQuery 支持的 fadeOut 方法。這種方法利用一個(gè)時(shí)間值(單位是毫秒)來(lái)更改 HTML 元素(比如 DIV 標(biāo)簽中定義的元素)的顯示。以下為示例:
﹤script type="text/javascript"﹥ |
如果還不熟悉 jQuery,那么可在 jQuery 官方網(wǎng)站上查閱相應(yīng)的使用指南,或者訪問(wèn) Developer.com,學(xué)習(xí)一些入門(mén)知識(shí)。
總結(jié)
在本文中,你學(xué)習(xí)了對(duì)于幾乎所有 ASP.NET MVC 程序都非常常見(jiàn)而有不同的三種需求:本地化、單元測(cè)試和 AJAX 支持。對(duì)于常規(guī)的 ASP.NET WebForm 程序,以前已經(jīng)有其他文章講述了這些內(nèi)容,但 ASP.NET MVC 要求更高的技術(shù)。例如,在 ASP.NET MVC 應(yīng)用程序中,可以使用多種方式進(jìn)行本地化:使用資源字符串,可以有效地為每種語(yǔ)言生成不同的視圖。同樣, ASP.NET MVC 應(yīng)用程序不便于使用 ScriptManager 組件,因此在編寫(xiě) AJAX 程序時(shí)你需要改變策略。
***,對(duì)于 Microsoft .NET 平臺(tái)提供的網(wǎng)頁(yè)技術(shù),ASP.NET MVC 是一個(gè)很好的補(bǔ)充。對(duì)于你編寫(xiě)的所有網(wǎng)頁(yè)程序,ASP.NET MVC 可能并非最理想的解決方案,但熟練的 ASP.NET MVC 技術(shù)可以讓你如虎添翼,飛的更遠(yuǎn)更高。
原文:Localizing, unit testing and using AJAX in ASP.NET MVC applications
作者:Jani Järvinen
本文作者Jani Järvinen 是芬蘭的軟件開(kāi)發(fā)培訓(xùn)師和顧問(wèn)。他曾獲得微軟 C# 最有價(jià)值專家(MVP),并且是一位非常多產(chǎn)的作家。
譯者:司馬牽牛
【編輯推薦】