Asp.net mvc 知多少（六）

本系列主要翻譯自《ASP.NET MVC Interview Questions and Answers 》- By Shailendra Chauhan，想看英文原版的可訪問http://www.dotnettricks.com/free-ebooks自行下載。該書主要分為兩部分，ASP.NET MVC 5、ASP.NET WEB API2。本書最大的特點是以面試問答的形式進行展開。通讀此書，會幫助你對ASP.NET MVC有更深層次的理解。
由于個人技術水平和英文水平也是有限的，因此錯誤在所難免，希望大家多多留言指正。
系列導航
Asp.net mvc 知多少（一）
Asp.net mvc 知多少（二）
Asp.net mvc 知多少（三）
Asp.net mvc 知多少（四）
Asp.net mvc 知多少（五）
Asp.net mvc 知多少（六）

本節主要講解模型驗證以及前端的優化技術

Q61. 什么是ASP.NET MVC中的Data Annotations（數據注解） ?
Ans. Data validation（數據注解）是開發web應用程序的一個關鍵概念。在 Asp.net MVC中我們可以很容易通過將數據注解特性申明到Model類，既可以實現驗證。Data Annotation 特性是位于System.ComponentModel.DataAnnotations命名空間下，適用于Asp.net 項目（比如Asp.net web application & website, Asp.net MVC, Web forms ），同時也適用于Entity framework ORM 模型。
Data Annotations幫助我們為model類或屬性定義規則進行數據驗證和顯示合適的提示信息給終端客戶。
Data Annotation 驗證特性：

• DataType - 為屬性指定數據類型
• DisplayName - 為屬性指定顯示名稱
• DisplayFormat - 為屬性指定顯示格式
• Required - 限制屬性為必錄
• ReqularExpression - 用正則表達式驗證屬性的值是否滿足要求
• Range - 限制屬性的值在某一區間
• StringLength - 指定string類型屬性的最小和最大長度
• MaxLength - 指定string類型屬性的最大長度
• Bind - 添加參數或表單數據到model屬性時，指定字段將會被添加到或排除
• ScaffoldColumn - 隱藏表單編輯界面的指定字段

---

Q62. Asp.Net MVC如何進行服務端驗證?
Ans. 在與用戶敏感信息交互之前服務端驗證至關重要。不管客戶端是否驗證，我們在服務端都必須進行驗證。用戶可以通過禁用客瀏覽器腳本或采取其他方式來跳過客戶端驗證。在這種情況下，服務端的驗證就必不可少，用來驗證用戶的臟輸入來保證數據安全。
ASP.NET MVC中，在服務端有兩種方式來對model進行驗證：
** Explicit Model Validation （顯示模型驗證）**

就是使用傳統的 IF..Else..IF 語句對model進行驗證。用這種方式，你需要一個一個的檢查要檢查的屬性。
如果model的屬性是非期望的，在ModelState中插入錯誤信息。

class HomeController : Controller
{[HttpPost]public ActionResult ExplicitServer(UserViewModel model){//Write custom logic to validate UserViewModelif (string.IsNullOrEmpty(model.UserName)){ModelState.AddModelError("UserName", "Please enter your 
name");}if (!string.IsNullOrEmpty(model.UserName)){Regex emailRegex = new Regex(".+@.+\\..+");if (!emailRegex.IsMatch(model.UserName))ModelState.AddModelError("UserName", "Please enter correct 
email address");}if (ModelState.IsValid) //Check model state{//TO DO:}}
}

** Model Validation with Data Annotations （使用數據注解進行模型驗證）**

Data Annotations （數據注解）是在 .NET 3.5 SP1中引入的. 有一系列的特性類定義在System.ComponentModel.DataAnnotations 程序集。Data Annotations 允許我們使用元數據修飾模型類。這些元數據描述一系列規則來對屬性進行驗證 ：

public class UserViewModel
{[Required(ErrorMessage = "Please Enter Email Address")][RegularExpression(".+@.+\\..+", ErrorMessage = "Please Enter Correct 
Email Address")]public string UserName { get; set; }[Required(ErrorMessage = "Please Enter Password")][StringLength(50, ErrorMessage = "The {0} must be at least {2} 
characters long.", MinimumLength = 6)]public string Password { get; set; }
}

---

Q63. 如何判斷Model State中是否有錯誤？
Ans. 當服務端驗證有錯誤時，錯誤信息將保存在。因此通過使用
ModelState.IsValid 屬性即可驗證model state。

[HttpPost]
public ActionResult DoSomething(UserViewModel model)
{if (ModelState.IsValid){//TODO:}
return View();
}

---

Q64. 在ASP.NET MVC中如何關閉和啟用客戶端驗證 ?
Ans. 我們可以通過設置ClientValidationEnabled &
UnobtrusiveJavaScriptEnabled在應用程序級別啟用和關閉客戶端驗證。

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

如果需要開啟客戶端驗證，以上兩個屬性都必須為true。
還可以在通過編程在代碼中啟用客戶端驗證。
修改Global.asax中的Application_Start()事件去啟用關閉客戶端驗證。

protected void Application_Start()
{//Enable or Disable Client Side Validation at Application LevelHtmlHelper.ClientValidationEnabled = true;HtmlHelper.UnobtrusiveJavaScriptEnabled = true;

我們同時可以為某一view啟用及關閉客戶端驗證。通過在view中的razor代碼塊中指定。view中的設置將覆蓋應用程序級別的設置。

@using MvcApp.Models
@{ViewBag.Title = "About";HtmlHelper.ClientValidationEnabled = false;
}
}

---

Q65. 什么是CDN以及它有什么好處？
Ans. CDN代表內容分發網絡。 它是部署在互聯網上多個數據中心的服務器分發系統。 它的目的是為了向終端客戶提供高可用性和高性能的內容（比如jquery，bootstrap等開源類庫） 。
主要由三個流行的cdn：

// Google CDN 
<scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.9
.1/jquery.min.js"></script>
// Microsoft CDN
<scripttype="text/javascript"src="http://ajax.microsoft.com/ajax/jquery/jquery-
1.9.1.min.js"></script>
// JQuery CDN 
<scripttype="text/javascript"src="http://code.jquery.com/jquery-
1.9.1.min.js"></script>

優點

1. 減少了客戶端對自己服務器的請求數。
2. 節省了帶寬 ，且加載速度快。
3. 自動緩存，當有一個請求從cdn中獲取資源，后續有相同請求，將直接從緩存中獲取。

---

Q66. 什么是 jquery.validate.unobtrusive.js?
Ans. 該插件是從ASP.NET MVC3引入的，通過使用組合的jquery驗證和HTML5數據屬性在客戶端應用數據模型驗證。

---

Q67. 介紹ASP.NET MVC中的Bundling（捆綁）和Minification （微小）?
Ans. ASP.NET MVC4 和.NET Framework 4.5 提供捆綁和微小技術來減少對服務器的請求次數以及減少請求的CSS和JavaScript的大小，從而加快頁面加載時間。

A bundle是邏輯上的一組文件僅通過一次的http請求就完成加載。 可以通過調用BundleCollection類的Add()方法來為CSS和JavaScript來創建 style （樣式）和 script（腳本） bundle （捆綁）。所有的捆綁都是在
BundleConfig.cs 文件中創建。

public class BundleConfig
{public static void RegisterBundles(BundleCollection bundles){bundles.Add(new
StyleBundle("~/Content/css").Include("~/Content/site.min.css","~/Content/mystyle.min.css"));bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include("~/Scripts/jquery-1.7.1.min.js","~/Scripts/jquery.validate.min.js","~/Scripts/jquery.validate.unobtrusive.min.js"));}
}

Minification是一項用來移除JavaScript和CSS文件中不必要的字符（比如空格，換號符，制表符）和注釋來減小文件大小來加快網頁加載速度。 有很多種工具進行微小（其中JSMin 和YUI 是最流行的兩款工具） 。
下面假設我們的頁面中有以下下CSS和JavaScript：

<link href="~/Content/Site.css" rel="stylesheet"/>
<link href="~/Content/MyStyle.css" rel="stylesheet"/>
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/jquery-ui-1.8.20.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>

不使用捆綁和微小，頁面的加載統計

使用捆綁和微小，頁面的加載統計

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jquery")

---

Q68. 可以在ASP.NET MVC3 或 ASP.NET4.0中使用捆綁和微小（bundling and minification）嗎？
Ans. Microsoft.Web.Optimization程序集包含的System.Web.Optimization 命名空間提供了用來進行捆綁和微小的技術。引用這個程序集即可在SP.NET MVC3 或 ASP.NET4.0中使用這項技術。

---

Q69. Bundling（捆綁）是如何使用瀏覽器的緩存能力？
Ans. 瀏覽器緩存資源是基于URLs的。當一個web頁面請求一個資源，瀏覽器首先去檢查它的緩存是否存在資源與請求的URL匹配。如果匹配，則直接使用緩存。
因此無論合適你改變CSS和JS文件它都不會在瀏覽器上有反映。對于這種情形，你需要強制瀏覽器去刷新/加載。
但是捆綁會自動處理這種問題，通過為每一個捆綁添加一個hash code作為url的查詢參數。無論何時你只要改變CSS和JS文件的內容那么就會產生一個新的hash code，并自動呈現到頁面。這樣，瀏覽器就會看到一個不同的Url，然后就會重新去獲取新的CSS和JS。