目錄
0. 前言
我們假定你在開(kāi)始學(xué)習(xí)時(shí)已經(jīng)閱讀了前兩天的學(xué)習(xí)內(nèi)容溉箕。在第 2 天我們完成了關(guān)于顯示 Employees 列表的項(xiàng)目晦墙。
在第三天，我們將會(huì)通過(guò)介紹數(shù)據(jù)訪問(wèn)層和數(shù)據(jù)入口將它升級(jí)到一個(gè)新的層次肴茄。
1. 數(shù)據(jù)訪問(wèn)層
在真實(shí)場(chǎng)景的項(xiàng)目中晌畅，如果沒(méi)有 Database，那么這個(gè)項(xiàng)目是未完成的寡痰。在我們的項(xiàng)目中抗楔，我們還沒(méi)有談到數(shù)據(jù)庫(kù)。第三天的首個(gè) Lab 將會(huì)學(xué)習(xí)數(shù)據(jù)庫(kù)和數(shù)據(jù)庫(kù)層拦坠。
這里我們將使用 SQL Server 和 Entity Framework 來(lái)創(chuàng)建 Database 和 Database 訪問(wèn)層连躏。
簡(jiǎn)單來(lái)說(shuō)，什么是 Entity Framework贞滨？
這是一個(gè) ORM 工具入热。ORM 代表的是 Object Relational Mapping。即：對(duì)象關(guān)系映射疲迂。
在 RDBMS 領(lǐng)域中才顿，我們所談?wù)摰?Tables 表格和 Columns 列的這些方面，在 .NET 領(lǐng)域（面向?qū)ο箢I(lǐng)域）中被稱為 Classes 類(lèi)尤蒿，對(duì)象和屬性郑气。
當(dāng)我們思考任何有關(guān)數(shù)據(jù)驅(qū)動(dòng)應(yīng)用的方式時(shí)，都可以得出以下兩種方式：
書(shū)寫(xiě)代碼來(lái)和數(shù)據(jù)庫(kù)打交道（被稱為數(shù)據(jù)訪問(wèn)層和數(shù)據(jù)庫(kù)邏輯）
書(shū)寫(xiě)代碼來(lái)將數(shù)據(jù)庫(kù)數(shù)據(jù)映射到面向?qū)ο笾醒兀粗嗳弧?/p>
ORM 是一個(gè)工具尾组，可以自動(dòng)做如上兩件事。Entity Framework 是微軟的 ORM 工具示弓。
什么是 Code First 方法讳侨？
在 Entity Framework 中，我們可以使用如下三種的任意方法：
Database First 方法奏属。創(chuàng)建一個(gè)有表跨跨，列和關(guān)系的數(shù)據(jù)庫(kù)。Entity Framework 將會(huì)生成對(duì)應(yīng)的 Model 類(lèi)（業(yè)務(wù)實(shí)體）和數(shù)據(jù)訪問(wèn)層代碼囱皿。
Model First 方法勇婴。在這個(gè)方法中，Model 類(lèi)和它們之間的聯(lián)系將會(huì)被 Model 設(shè)計(jì)者在 Visual Studio 中被手動(dòng)定義嘱腥。然后 Entity Framework 會(huì)自動(dòng)創(chuàng)建數(shù)據(jù)訪問(wèn)層和擁有表耕渴、列以及關(guān)系的數(shù)據(jù)庫(kù)。
Code First 方法齿兔。在這個(gè)方法中橱脸，手動(dòng)創(chuàng)建 POCO 類(lèi)础米。這些類(lèi)中的關(guān)系將會(huì)被代碼所定義。當(dāng)應(yīng)用第一次執(zhí)行時(shí)添诉，Entity Framework 將會(huì)自動(dòng)在數(shù)據(jù)庫(kù)服務(wù)器上創(chuàng)建數(shù)據(jù)訪問(wèn)層和擁有表屁桑、列以及關(guān)系的數(shù)據(jù)庫(kù)。
什么是 POCO 類(lèi)栏赴？
POCO 代表的是「Plain Old CLR Objects」掏颊。POCO 類(lèi)代表的是我們所創(chuàng)建的簡(jiǎn)單 .NET 類(lèi)。在我們之前的例子中艾帐， Employee 類(lèi)是一個(gè)簡(jiǎn)單的 POCO乌叶。
2. Lab 8 — 向項(xiàng)目中添加數(shù)據(jù)訪問(wèn)層
第一步：創(chuàng)建數(shù)據(jù)庫(kù)
連接 SQL Server 然后創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù)，命名為「SalesERPDB」柒爸。
第二步：創(chuàng)建 ConnectionString
打開(kāi) Web.config 文件准浴，然后在 Configuration 區(qū)域內(nèi)添加如下片段：
<connectionStrings>
<add connectionString="Data Source=(local);Initial Catalog=SalesERPDB;Integrated Security=True"
name="SalesERPDAL"
providerName="System.Data.SqlClient"/>
</connectionStrings>
第三步：添加 Entity Framework 引用
右擊項(xiàng)目-> 管理 Nuget 包。搜索 Entity Framework捎稚，然后點(diǎn)擊安裝乐横。
第四步：創(chuàng)建數(shù)據(jù)訪問(wèn)層
在根目錄下創(chuàng)建一個(gè)新文件夾，命名為「DataAccessLayer」今野，然后在里面創(chuàng)建一個(gè)新的類(lèi)葡公，命名為「SalesERPDAL」。
在類(lèi)頂部寫(xiě)引用聲明如下
using System.Data.Entity;-
繼承 DbContext 的類(lèi)「SalesERPDAL」
public class SalesERPDAL: DbContext
{
}
第五步：為 Employee 類(lèi)創(chuàng)建主鍵
打開(kāi) Employee 類(lèi)并在類(lèi)頂部聲明如下：
using System.ComponentModel.DataAnnotations;
在 Employee 類(lèi)中添加 EmployeeId 屬性条霜，然后將其標(biāo)注為 Key 屬性催什。
public class Employee
{
[Key]
public int EmployeeId { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
public int Salary { get; set; }
}
第六步：定義映射
在「SalesERPDAL」類(lèi)中添加如下聲明語(yǔ)句：
using WebApplication1.Models;
在 SalesERPDAL 類(lèi)中重寫(xiě) OnModelCreating 方法。
protected override void OnModelCreating(DbModelBuilder modelBuilder)
{
modelBuilder.Entity<employee>().ToTable("TblEmployee");
base.OnModelCreating(modelBuilder);
}
注意：上述代碼中的片段「TblEmployee」代表的是表名宰睡。在運(yùn)行時(shí)講自動(dòng)被創(chuàng)建蒲凶。
第七步：在數(shù)據(jù)庫(kù)中創(chuàng)建 Employees 屬性
在「SalesERPDAL」類(lèi)中創(chuàng)建一個(gè)新屬性，命名為 Employee拆内，如下所示：
public DbSet<employee> Employees{get;set;}
DbSet 將會(huì)展示所有可以在數(shù)據(jù)庫(kù)中查詢到的 Employees旋圆。
第八步：改變業(yè)務(wù)層代碼，從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)
打開(kāi) EmployeeBusinessLayer 類(lèi)麸恍，在頂部加上聲明如下：
using WebApplication1.DataAccessLayer;
現(xiàn)在改變 GetEmployees 方法如下：
public List<employee> GetEmployees()
{
SalesERPDAL salesDal = new SalesERPDAL();
return salesDal.Employees.ToList();
}
第九步：執(zhí)行并測(cè)試
按下 F5灵巧，并執(zhí)行應(yīng)用。
現(xiàn)在的數(shù)據(jù)庫(kù)中抹沪，我們沒(méi)有任何的 Employees刻肄，所以我們看見(jiàn)的是一個(gè)空白的 Grid。
查看數(shù)據(jù)庫(kù)采够，現(xiàn)在我們可以在 TblEmployee 表中看到所有的列肄方。
第十步：插入測(cè)試數(shù)據(jù)
向 TblEmployee 表中插入一些測(cè)試數(shù)據(jù)冰垄。
第十一步：執(zhí)行并測(cè)試應(yīng)用
按下 F5 并再次運(yùn)行應(yīng)用蹬癌。
Lab 8 的 Q&A
什么是 DbSet权她？
DbSet 簡(jiǎn)單地表示了可以從數(shù)據(jù)庫(kù)中查詢到的實(shí)體集合。當(dāng)我們?cè)俅螌?xiě)一個(gè) Linq 查詢時(shí)逝薪，DbSet 對(duì)象會(huì)對(duì)查詢進(jìn)行內(nèi)存轉(zhuǎn)換隅要，然后觸發(fā)數(shù)據(jù)庫(kù)。
在我們的例子中董济，「Employee」是一個(gè) DbSet步清，它承載了所有可以從數(shù)據(jù)庫(kù)中查詢到的 Employee 實(shí)體對(duì)象。每一次我們嘗試訪問(wèn)「Employees」時(shí)虏肾，它都將從“TblEmployee”表中獲取記錄廓啊，然后將其轉(zhuǎn)換為「Employees」對(duì)象并返回集合。
數(shù)據(jù)庫(kù)連接串和數(shù)據(jù)訪問(wèn)層是如何連接的封豪？
Mapping 通過(guò)名稱來(lái)實(shí)現(xiàn)谴轮。在我們的例子中，ConnectionString 名稱和數(shù)據(jù)訪問(wèn)層類(lèi)的名稱是一樣的吹埠，即「SalesERPDAL」第步，因此它們是自動(dòng)映射的。
我們可以更改 ConnectionString 的名稱嗎缘琅？
答案是肯定的粘都。在這個(gè)例子中，我們需要在數(shù)據(jù)訪問(wèn)層類(lèi)中定義一個(gè)構(gòu)造函數(shù)如下：
public SalesERPDAL():base("NewName")
{
}
3. 組織所有
我們需要做幾個(gè)改變刷袍，使得所有是有組織和有意義的翩隧。
第一步：重命名
「TestController」換名為 「EmployeeController」。
GetView 行為方法改為 Index呻纹。
Test 文件夾(Views 文件夾下) 改為 Employee
「MyView」視圖改為「Index」鸽心。
第二步：從 EmployeeListViewModel 中刪除 UserName 屬性
第三步：從視圖中刪除 UserName
打開(kāi) View/Employee.Index.cshtml 視圖，然后從中刪除 UserName居暖。
簡(jiǎn)單來(lái)說(shuō)顽频，就是刪除如下代碼：
Hello @Model.UserName
<hr />
第四步：在 EmployeeController 中更改 Index 行為方法
更改 EmployeeController 中的 Index 行為方法如下：
public ActionResult Index()
{
……
……
……
employeeListViewModel.Employees = empViewModels;
//employeeListViewModel.UserName = "Admin";-->Remove this line -->Change1
return View("Index", employeeListViewModel);//-->Change View Name -->Change 2
}
現(xiàn)在執(zhí)行的 URL 將會(huì)為：「…/Employee/Index」。
4. Lab 9 — 創(chuàng)建 Data Entry Screen
第一步：創(chuàng)建 Action 方法
在 EmployeeController 中創(chuàng)建一個(gè) Action 方法太闺，命名為「AddNew」糯景，如下：
public ActionResult AddNew()
{
return View("CreateEmployee");
}
第二步：創(chuàng)建 View
在文件夾 View/Employee 下創(chuàng)建一個(gè) View，命名為「CreateEmployee」省骂。代碼如下：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>CreateEmployee</title>
</head>
<body>
<div>
<form action="/Employee/SaveEmployee" method="post">
First Name: <input type="text" id="TxtFName" name="FirstName" value="" /><br />
Last Name: <input type="text" id="TxtLName" name="LastName" value="" /><br />
Salary: <input type="text" id="TxtSalary" name="Salary" value="" /><br />
<input type="submit" name="BtnSave" value="Save Employee" />
<input type="button" name="BtnReset" value="Reset" />
</form>
</div>
</body>
</html>
第三步：在 Index 視圖中創(chuàng)建一個(gè)鏈接
打開(kāi) Index.cshtml蟀淮，然后增加一個(gè)超鏈接指向 AddNew 行為的URL。
<ahref="/Employee/AddNew">Add New</a>
第四步：執(zhí)行并測(cè)試應(yīng)用
按下 F5 并執(zhí)行應(yīng)用钞澳。
Lab 9 的 Q&A
Form 標(biāo)簽的目的是什么怠惶？
在第一天的系列學(xué)習(xí)中，我們已經(jīng)明白了「Web 世界不會(huì)遵循事件驅(qū)動(dòng)編程模型轧粟。它遵循的是請(qǐng)求響應(yīng)模型策治。終端用戶發(fā)出請(qǐng)求脓魏，然后服務(wù)器給出響應(yīng)⊥ū梗」Form 標(biāo)簽是 HTML 中做出響應(yīng)的其中一種方式茂翔。只要標(biāo)簽里的提交按鈕被點(diǎn)擊，一個(gè)請(qǐng)求就將發(fā)送給動(dòng)作屬性中指定的 URL 中履腋。
Form 標(biāo)簽中的方法屬性是什么珊燎？
它決定了請(qǐng)求的類(lèi)型。請(qǐng)求也許是如下的其中一種：get遵湖、post悔政、put 或者是 delete。
Get：當(dāng)我們想獲取什么數(shù)據(jù)時(shí)
Post：當(dāng)我們想創(chuàng)建什么數(shù)據(jù)時(shí)
Put：當(dāng)我們想更新什么數(shù)據(jù)時(shí)
Delete：當(dāng)我們想刪除什么數(shù)據(jù)時(shí)
運(yùn)用 Form 標(biāo)簽和通過(guò)瀏覽器地址欄或者超鏈接來(lái)發(fā)出請(qǐng)求延旧，有何區(qū)別卓箫？
當(dāng)我們使用 Form 標(biāo)簽來(lái)發(fā)送請(qǐng)求時(shí)，所有輸入控件中的值都會(huì)伴隨著請(qǐng)求一起被處理垄潮。
Checkbox烹卒、Radio 按鈕和 Dropdowns 控件中的值也會(huì)被發(fā)送嗎？
答案是肯定的弯洗。所有輸入控件（輸入類(lèi)型為 Text旅急，Radio，Checkbox）以及 Dropdowns（表示的是被選中的元素）都會(huì)被發(fā)送牡整。
輸入的值如何發(fā)送給服務(wù)器藐吮？
當(dāng)請(qǐng)求的類(lèi)型是 Get、Put 或者 Delete 時(shí)逃贝，輸入的值會(huì)以查詢字符串參數(shù)的方式發(fā)送谣辞。
當(dāng)請(qǐng)求的類(lèi)型是 Post 時(shí)，輸入的值會(huì)以 Post 數(shù)據(jù)發(fā)送沐扳。
輸入控件中的 Name 屬性的目的是什么泥从？
就像我們之前所談?wù)摰模?dāng)按鈕被點(diǎn)擊時(shí)沪摄，輸入控件中的值將會(huì)隨著請(qǐng)求一起被發(fā)送躯嫉。這會(huì)使得服務(wù)器在這個(gè)時(shí)刻接收到多于一個(gè)的值。為了在發(fā)送值的時(shí)候杨拐，單獨(dú)區(qū)別每一個(gè)值祈餐，就會(huì)為它們附加上一個(gè) Key，這個(gè) Key 就是「Name」屬性哄陶。
Name 和 Id 屬性的目的是否是相同的帆阳？
答案是否定的。就像剛才的問(wèn)題所說(shuō)屋吨，當(dāng)請(qǐng)求發(fā)生時(shí)蜒谤，「Name」屬性被 HTML 所使用山宾，而「Id」屬性被開(kāi)發(fā)者所使用，為一些 JavaScript 實(shí)現(xiàn)一些動(dòng)態(tài)功能芭逝。
「input type = submit」 和 「input type = button」有什么區(qū)別？
當(dāng)我向服務(wù)器發(fā)送請(qǐng)求時(shí)渊胸，Submit 按鈕會(huì)被特殊用到旬盯。而一個(gè)簡(jiǎn)單的按鈕是用來(lái)處理一些客戶端的行為的。簡(jiǎn)單的按鈕不會(huì)自己做一些事情翎猛。
5. Lab 10 — 在服務(wù)器/Controller 獲取 Posted 數(shù)據(jù)
第一步：創(chuàng)建 SaveEmployee 行為方法
在 Employee 控制器中創(chuàng)建一個(gè)行為方法胖翰，命名為 SaveEmployee，代碼如下：
public string SaveEmployee(Employee e)
{
return e.FirstName + "|"+ e.LastName+"|"+e.Salary;
}
第二步：執(zhí)行并測(cè)試
按下 F5 并執(zhí)行應(yīng)用切厘。
Lab 10 的 Q&A
在 Action 方法里萨咳，Textbox 的值是如何更新 Employee 對(duì)象的？
在 ASP.NET MVC 中疫稿，存有一個(gè)概念培他，叫做 Model Binder。
無(wú)論何時(shí)一個(gè)包含參數(shù)的請(qǐng)求向 Action 方法發(fā)送時(shí)遗座，Model Binder 都會(huì)自動(dòng)執(zhí)行舀凛。
Model Binder 將會(huì)遍歷方法的所有原始參數(shù)，然后將它們與發(fā)送過(guò)來(lái)的數(shù)據(jù)的參數(shù)的名稱相對(duì)比途蒋。（發(fā)送過(guò)來(lái)的數(shù)據(jù)意味著要么是 Posted 數(shù)據(jù)猛遍，或者是查詢字符串）。當(dāng)匹配成功時(shí)号坡，會(huì)依照發(fā)送過(guò)來(lái)的數(shù)據(jù)分配給參數(shù)懊烤。
當(dāng) Model Binder 遍歷完每一個(gè)類(lèi)參數(shù)中的每一個(gè)屬性后，然后和發(fā)送過(guò)來(lái)的數(shù)據(jù)做對(duì)比宽堆。當(dāng)匹配成功后腌紧，依照發(fā)送過(guò)來(lái)的數(shù)據(jù)分配給參數(shù)。
當(dāng)兩個(gè)參數(shù)是特指的畜隶，將會(huì)發(fā)生什么寄啼？例如第一個(gè)是「Employee」，第二個(gè)是「FirstName」代箭？
FirstName 將會(huì)在初始的變量 FirstName 中更新墩划，也會(huì)在 e.FirstName 屬性中更新。
ModelBinder 可以和組合關(guān)系一起運(yùn)用嗎嗡综？
答案是肯定的乙帮。但是在這個(gè)情形下控件的名稱應(yīng)該被給出。例如：
Customer 和 Address 類(lèi)的代碼如下：
public class Customer
{
public string FName{get;set;}
public Address address{get;set;}
}
public class Address
{
public string CityName{get;set;}
public string StateName{get;set;}
}
在這種情形下极景，HTML 如下：
...
...
...
<input type="text" name="FName">
<input type="text" name="address.CityName">
<input type="text" name="address.StateName">
...
...
...
6. Lab 11 — 重置和取消按鈕
第一步：開(kāi)始重置和取消按鈕
增加一個(gè)重置和取消按鈕察净，代碼如下：
...
...
...
<input type="submit" name="BtnSubmit” value="Save Employee" />
<input type="button" name="BtnReset" value="Reset" onclick="ResetForm();" />
<input type="submit" name="BtnSubmit" value="Cancel" />
注意：保存和取消按鈕都有相同的「Name」屬性驾茴，即「BtnSubmit」。
第二步：定義 ResetForm 方法
在 HTML 頂部區(qū)域增加一個(gè) Script 標(biāo)簽氢卡，用于創(chuàng)建一個(gè) JavaScript 方法锈至，命名為 ResetForm。代碼如下：
<script>
function ResetForm() {
document.getElementById('TxtFName').value = "";
document.getElementById('TxtLName').value = "";
document.getElementById('TxtSalary').value = "";
}
</script>
第三步：在 EmployeeController 的 SaveEmployee 行為方法中實(shí)現(xiàn)取消點(diǎn)擊事件译秦。
改變 SaveEmployee 行為方法如下：
public ActionResult SaveEmployee(Employee e, string BtnSubmit)
{
switch (BtnSubmit)
{
case "Save Employee":
return Content(e.FirstName + "|" + e.LastName + "|" + e.Salary);
case "Cancel":
return RedirectToAction("Index");
}
return new EmptyResult();
}
第四步：執(zhí)行應(yīng)用
按下 F5 并執(zhí)行應(yīng)用峡捡。通過(guò)點(diǎn)擊“Add New”鏈接導(dǎo)航到 AddNew 屏幕。
第五步：測(cè)試重置功能
第六步：測(cè)試 Save 和 Cancel 功能
Lab 11 的 Q&A
為什么保存和取消按鈕的名稱是一樣的筑悴？
我們知道们拙，一旦提交按鈕被點(diǎn)擊，一個(gè)請(qǐng)求就會(huì)被發(fā)送到服務(wù)器端阁吝。并且伴隨著請(qǐng)求砚婆，所有輸入控件的值也一起被發(fā)送。
Submit 按鈕也是一個(gè)輸入按鈕突勇。因?yàn)榘粹o的值也會(huì)被發(fā)送装盯。
當(dāng)保存按鈕被點(diǎn)擊時(shí)，保存按鈕的值甲馋，即「Save Employee」將會(huì)隨著請(qǐng)求一起被發(fā)送验夯。當(dāng)取消按鈕被點(diǎn)擊時(shí)，取消按鈕的值摔刁，即「Cancel」將會(huì)隨著請(qǐng)求一起被發(fā)送挥转。
在 Action 方法中。Model Binder 將會(huì)處理這些工作共屈。它將會(huì)依照輸入的值（伴隨著請(qǐng)求）更新參數(shù)的值绑谣。
實(shí)現(xiàn)多個(gè)提交按鈕的方式是什么？
這里有多個(gè)方式拗引。我介紹其中三種借宵。
- 隱藏 Form 元素
第一步：在視圖中創(chuàng)建一個(gè)隱藏 Form 元素
<form action="/Employee/CancelSave" id="CancelForm" method="get" style="display:none">
</form>
第二步：改變 Submit 按鈕為一個(gè)常規(guī)按鈕，并且通過(guò) JavaScript 將上面的 Form 發(fā)送
<input type="button" name="BtnSubmit" value="Cancel" onclick="document.getElementById('CancelForm').submit()" />
-
運(yùn)用 JavaScript 動(dòng)態(tài)地改變動(dòng)作 URL
<form action="" method="post" id="EmployeeForm" >
...
...
<input type="submit" name="BtnSubmit" value="Save Employee" onclick="document.getElementById('EmployeeForm').action = '/Employee/SaveEmployee'" />
...
<input type="submit" name="BtnSubmit" value="Cancel" onclick="document.getElementById('EmployeeForm').action = '/Employee/CancelSave'" />
</form> Ajax
不再運(yùn)用 Submit 按鈕矾削，取而代之的是簡(jiǎn)單的輸入按鈕壤玫，然后運(yùn)用 JQuery 或者其它庫(kù)來(lái)實(shí)現(xiàn)純 Ajxa 請(qǐng)求。
為什么我們?cè)趯?shí)現(xiàn)重置功能時(shí)哼凯，沒(méi)使用「input type = reset」欲间？
「input type = reset」控件不會(huì)清除值，它只是將控件的值改為默認(rèn)的值断部。例如：
<input type="text" name="FName" value="Sukesh">
在這個(gè)例子中猎贴，控件的默認(rèn)值是「Sukesh」。
如果我們運(yùn)用「input type = reset」來(lái)實(shí)現(xiàn)重置功能，那么每一次點(diǎn)擊重置按鈕她渴，默認(rèn)的值「Sukesh」將會(huì)被設(shè)置到 Textbox 中达址。
當(dāng)名稱沒(méi)有與類(lèi)中的屬性名稱匹配時(shí)，會(huì)怎樣趁耗？
這是一個(gè)在面試中經(jīng)常被問(wèn)到的常規(guī)問(wèn)題沉唠。
例如我們有一段 HTML 代碼如下：
First Name: <input type="text" id="TxtFName" name="FName" value="" /><br />
Last Name: <input type="text" id="TxtLName" name="LName" value="" /><br />
Salary: <input type="text" id="TxtSalary" name="Salary" value="" /><br />
現(xiàn)在我們的 Model 類(lèi)包含的屬性名稱有 FirstName，LastName 和 Salary苛败。因此默認(rèn)的 Model Binder 將不會(huì)在這里處理满葛。
在這種情形下，我們有三種解決方案：
-
在 Action 方法內(nèi)部著拭，運(yùn)用 Request.Form 語(yǔ)法來(lái)檢索發(fā)送過(guò)來(lái)的值纱扭，然后手動(dòng)構(gòu)造 Model 對(duì)象如下：
public ActionResult SaveEmployee()
{
Employee e = new Employee();
e.FirstName = Request.Form["FName"];
e.LastName = Request.Form["LName"];
e.Salary = int.Parse(Request.Form["Salary"])
...
...
} -
運(yùn)用參數(shù)名稱牍帚，然后手動(dòng)創(chuàng)建 Model 對(duì)象如下：
public ActionResult SaveEmployee(string FName, string LName, int Salary)
{
Employee e = new Employee();
e.FirstName = FName;
e.LastName = LName;
e.Salary = Salary;
...
...
} 創(chuàng)建自定義的 Model Binder 來(lái)替換默認(rèn)的 Model Binder儡遮。
第一步：創(chuàng)建自定義的 Model Binder
public class MyEmployeeModelBinder : DefaultModelBinder
{
protected override object CreateModel(ControllerContext controllerContext, ModelBindingContext bindingContext, Type modelType)
{
Employee e = new Employee();
e.FirstName = controllerContext.RequestContext.HttpContext.Request.Form["FName"];
e.LastName = controllerContext.RequestContext.HttpContext.Request.Form["LName"];
e.Salary = int.Parse(controllerContext.RequestContext.HttpContext.Request.Form["Salary"]);
return e;
}
}
第二步：用這個(gè)新的 Model Binder 來(lái)替換默認(rèn)的 Model Binder
public ActionResult SaveEmployee([ModelBinder(typeof(MyEmployeeModelBinder))]Employee e, string BtnSubmit)
{
......
}
RedirectToFunction 函數(shù)是做什么的？
它用來(lái)產(chǎn)生 RedirectToRouteResult暗赶，就像 ViewResult 和 ContentResult一樣（在第一天學(xué)習(xí)中探討）鄙币。RedirectToRouteResult 是 ActionResult 的子類(lèi)，它代表的是間接的響應(yīng)蹂随。當(dāng)瀏覽器接到 RedirectToRouteResult十嘿，它就會(huì)產(chǎn)生新的請(qǐng)求到一個(gè)新的行為方法。
注：這里瀏覽器對(duì)新的請(qǐng)求是有責(zé)任的岳锁，因此 URL 將會(huì)更新到一個(gè)新的 URL绩衷。
什么是 EmptyResult？
它是 ActionResult 的其中一個(gè)子類(lèi)激率。當(dāng)瀏覽器接到的響應(yīng)是 EmptyResult 時(shí)咳燕，它將會(huì)簡(jiǎn)單地呈現(xiàn)一個(gè)空白屏幕。它簡(jiǎn)單地代表「No Result」乒躺。
在我們的例子中招盲，這種情形不會(huì)發(fā)生。只要確保所有的代碼路徑返回的值嘉冒。
注：當(dāng) Action 方法返回的值是空的曹货，結(jié)果等同于 EmptyResult。
7. Lab 12 — 在數(shù)據(jù)庫(kù)中保存記錄并更新 Grid
第一步：在 EmployeeBusinessLayer 中創(chuàng)建 SaveEmployee
public Employee SaveEmployee(Employee e)
{
SalesERPDAL salesDal = new SalesERPDAL();
salesDal.Employees.Add(e);
salesDal.SaveChanges();
return e;
}
第二步：改變 SaveEmployee 行為方法
在 EmployeeController 中讳推，改變 SaveEmployee 行為方法桐早，代碼如下：
public ActionResult SaveEmployee(Employee e, string BtnSubmit)
{
switch (BtnSubmit)
{
case "Save Employee":
EmployeeBusinessLayer empBal = new EmployeeBusinessLayer();
empBal.SaveEmployee(e);
return RedirectToAction("Index");
case "Cancel":
return RedirectToAction("Index");
}
return new EmptyResult();
}
第三步：執(zhí)行并測(cè)試
按下 F5 并執(zhí)行應(yīng)用。導(dǎo)航到 Data 入口屏幕并輸入一些合法的值松邪。
8. Lab 13 — 增加服務(wù)器端認(rèn)證
在 Lab 10 中礁蔗，我們已經(jīng)了解了 Model Binder 的基本功能。現(xiàn)在我們來(lái)更多地了解下。
Model Binder 通過(guò)發(fā)送過(guò)來(lái)的數(shù)據(jù)來(lái)更新 Employee 對(duì)象慨仿。
但是這個(gè)不是 Model Binder 的唯一功能久脯。Model Binder 還更新 ModelState。
它有一個(gè)屬性镰吆，稱為 IsValid帘撰，這個(gè)決定了 Model（即 Employee 對(duì)象）是否更新成功了。如果服務(wù)器端的認(rèn)證失敗了万皿，Model 將不會(huì)更新摧找。
它承載了認(rèn)證錯(cuò)誤。例如：ModelState["FirstName"].Errors 包含了與 First Name 相關(guān)的錯(cuò)誤牢硅。
它承載了發(fā)送過(guò)來(lái)的數(shù)據(jù)值蹬耘。（Posted 數(shù)據(jù)或者是查詢字符串?dāng)?shù)據(jù)）
在 ASP.NET MVC 中，我們運(yùn)用 DataAnnotations 來(lái)實(shí)現(xiàn)服務(wù)器端的認(rèn)證减余。
在了解 Data Annotation 之前综苔，我們先了解一些 Model Binder。
ModelBinder 如何處理初始數(shù)據(jù)類(lèi)型位岔？
當(dāng) Action 方法包含初始類(lèi)型參數(shù)時(shí)如筛，Model Binder 將會(huì)把參數(shù)的名稱與發(fā)送過(guò)來(lái)的數(shù)據(jù)進(jìn)行對(duì)比。（發(fā)送過(guò)來(lái)的數(shù)據(jù)是 Posted 數(shù)據(jù)或者是查詢字符串）
當(dāng)匹配成功時(shí)抒抬，將會(huì)依照發(fā)送過(guò)來(lái)的數(shù)據(jù)分配給參數(shù)杨刨。
當(dāng)匹配失敗時(shí)，參數(shù)將會(huì)被分配給默認(rèn)值擦剑。（對(duì)于整型的默認(rèn)值是0妖胀，對(duì)于字符串的默認(rèn)值是 null）
當(dāng)數(shù)據(jù)類(lèi)型不匹配的異常被拋出時(shí)，這種情況下不會(huì)進(jìn)行分配操作惠勒。
Model Binder 如何處理類(lèi)赚抡？
當(dāng)參數(shù)是一個(gè)類(lèi)參數(shù)，Model Binder 將會(huì)遍歷所有類(lèi)的所有屬性捉撮，并且將每一個(gè)屬性名稱與發(fā)送過(guò)來(lái)的數(shù)據(jù)做對(duì)比怕品。
- 當(dāng)匹配成功時(shí)，如果發(fā)送過(guò)來(lái)的數(shù)據(jù)是空的巾遭。
Null 值將會(huì)被分配給屬性肉康。如果不能分配，默認(rèn)的值將會(huì)被設(shè)置灼舍，并且 ModelState.IsValid 將會(huì)被設(shè)置為 false吼和。
當(dāng) Null 值可以分配給屬性時(shí)，這將會(huì)被視作不合法的值骑素，因?yàn)閷傩愿缴狭苏J(rèn)證炫乓，因此 ModelState.IsValid 將會(huì)被設(shè)置為 false。
- 當(dāng)匹配成功時(shí)，發(fā)送過(guò)來(lái)的數(shù)據(jù)不為空末捣。
當(dāng)數(shù)據(jù)類(lèi)型不匹配時(shí)侠姑，將不會(huì)分配值÷嶙觯或者服務(wù)器端的認(rèn)證失敗莽红，將分配 Null 值。此時(shí) ModelState.IsValid 將會(huì)被設(shè)置為 false邦邦。如果不能分配 Null 值安吁，默認(rèn)的值將會(huì)被設(shè)置。
- 當(dāng)匹配不成功時(shí)燃辖，參數(shù)將會(huì)被分配為默認(rèn)值鬼店。（對(duì)于整型的默認(rèn)值是0，對(duì)于字符串的默認(rèn)值是 null）黔龟。在這種情形下妇智，ModelState.IsValid 將不會(huì)受到影響。
現(xiàn)在讓我們了解一下如何向項(xiàng)目中增加認(rèn)證功能捌锭。
第一步：運(yùn)用 DataAnnotations 裝飾屬性俘陷。
在 Model 文件夾下打開(kāi) Employee 類(lèi)罗捎，運(yùn)用 DataAnnotation 來(lái)裝飾 FirstName 和 LastName观谦，代碼如下：
public class Employee
{
...
...
[Required(ErrorMessage="Enter First Name")]
public string FirstName { get; set; }
[StringLength(5,ErrorMessage="Last Name length should not be greater than 5")]
public string LastName { get; set; }
...
...
}
第二步：改變 SaveEmployee 行為方法。
打開(kāi) EmployeeController桨菜，改變 SaveEmloyee 行為方法如下：
public ActionResult SaveEmployee(Employee e, string BtnSubmit)
{
switch (BtnSubmit)
{
case "Save Employee":
if (ModelState.IsValid)
{
EmployeeBusinessLayer empBal = new EmployeeBusinessLayer();
empBal.SaveEmployee(e);
return RedirectToAction("Index");
}
else
{
return View("CreateEmployee ");
}
case "Cancel":
return RedirectToAction("Index");
}
return new EmptyResult();
}
注：正如你所看見(jiàn)的豁状，當(dāng) SaveEmployee 按鈕點(diǎn)擊后， ModelState.IsValid 失敗倒得，ViewResult 指向「CreateEmloyee」視圖泻红。
第三步：在視圖中呈現(xiàn)錯(cuò)誤
改變「Views/Index/CreateEmployee.cshtml」中的代碼如下。
這次我們將會(huì)運(yùn)用「Table」標(biāo)簽來(lái)格式化一下 UI霞掺。
<table>
<tr>
<td>
First Name:
</td>
<td>
<input type="text" id="TxtFName" name="FirstName" value="" />
</td>
</tr>
<tr>
<td colspan="2" align="right">
@Html.ValidationMessage("FirstName")
</td>
</tr>
<tr>
<td>
Last Name:
</td>
<td>
<input type="text" id="TxtLName" name="LastName" value="" />
</td>
</tr>
<tr>
<td colspan="2" align="right">
@Html.ValidationMessage("LastName")
</td>
</tr>
<tr>
<td>
Salary:
</td>
<td>
<input type="text" id="TxtSalary" name="Salary" value="" />
</td>
</tr>
<tr>
<td colspan="2" align="right">
@Html.ValidationMessage("Salary")
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="BtnSubmit" value="Save Employee" />
<input type="submit" name="BtnSubmit" value="Cancel" />
<input type="button" name="BtnReset" value="Reset" onclick="ResetForm();" />
</td>
</tr>
</table>
第四步：執(zhí)行并測(cè)試
按下 F5 并執(zhí)行應(yīng)用谊路。導(dǎo)航到「Employee/AddNew」行為方法，并測(cè)試應(yīng)用菩彬。
- Test 1
- Test 2
注：你也許會(huì)遇到如下錯(cuò)誤缠劝。
「The model backing the 'SalesERPDAL' context has changed since the database was created. Consider using Code First Migrations to update the database.」
為了解決這個(gè)錯(cuò)誤，僅僅在 Global.asax 文件中的 Application_Start 中添加如下聲明：
Database.SetInitializer(new DropCreateDatabaseIfModelChanges<SalesERPDAL>());
Database 類(lèi)在命名空間 System.Data.Entity 中骗灶。
Lab 13 的 Q&A
@Html.ValidationMessage 是做什么事情的惨恭？
@ 意味著是 Razor 代碼。
Html 是 視圖中的 HtmlHelper 類(lèi)的實(shí)例耙旦。
ValidationMessage 是 HtmlHelper 類(lèi)的方法脱羡，用于呈現(xiàn)錯(cuò)誤信息。
ValidationMessage 函數(shù)如何工作的？
ValidationMessage 是一個(gè)函數(shù)锉罐。它在運(yùn)行時(shí)執(zhí)行帆竹。就像我們之前所探討的，ModelBinder 更新 ModelState脓规。ValidationMessage 根據(jù) Key 值來(lái)從 ModelState 中獲取錯(cuò)誤信息并呈現(xiàn)馆揉。
例如：ValidationMessage("FirstName") 呈現(xiàn)有關(guān) First Name 的錯(cuò)誤信息。
我們還有其它類(lèi)似于 Required 和 StringLength 的屬性嗎抖拦？
答案是肯定的升酣。如下所示：
DataType。確保數(shù)據(jù)是指定的類(lèi)型态罪，例如郵箱噩茄、信用卡號(hào)、URL 等复颈。
EnumDataTypeAttribute绩聘。確保在 Enumeration 中存在該值。
Range Attribute耗啦。確保值在一個(gè)指定的區(qū)域內(nèi)凿菩。
Regular。認(rèn)證值是否是指定的表達(dá)式帜讲。
Required衅谷。確保值是存在的。
StringLength似将。認(rèn)證字符串中的最大和最小字符長(zhǎng)度获黔。
Salary 是如何認(rèn)證的？
我們并沒(méi)有向 Salary 屬性添加 Data Annotation在验，但是它依然得到了認(rèn)證玷氏。原因是這樣的，在更新模型的時(shí)候腋舌，Model Binder 依然考慮到了屬性的數(shù)據(jù)類(lèi)型盏触。
在 Test 1 中，我們保持 Salary 為一個(gè)空字符串块饺。在這種情形下赞辩，因?yàn)槲覀冇?Model Binder，ModelState.IsValid 將會(huì)為失敗的并且 ModelState 將會(huì)承載與 Salary 相關(guān)的錯(cuò)誤認(rèn)證信息刨沦，這些信息將會(huì)通過(guò) Html.ValidationMessage("Salary") 被顯示在 View 中诗宣。
在 Test 2 中，Salary 數(shù)據(jù)類(lèi)型匹配失敗想诅，因此認(rèn)證也是失敗的召庞。
這意味著岛心，默認(rèn)情況下，整型屬性將會(huì)被強(qiáng)制篮灼？
答案是肯定的忘古。不僅僅是整型，所有的值類(lèi)型都會(huì)被強(qiáng)制诅诱，因?yàn)樗鼈儾荒転?Null 值髓堪。
如果我們想有一個(gè)非 Required 整型域該如何？
把它設(shè)置為 Nullable娘荡？
public int? Salary{get;set;}
如何特定為 Salary 改變認(rèn)證信息干旁？
默認(rèn)情況下，認(rèn)證是支持 Salary的（因?yàn)樗钦麛?shù)類(lèi)型）炮沐，不會(huì)允許我們改變認(rèn)證信息争群。我們可以通過(guò) Regular 表達(dá)式、Range 或者是 Custom Validator來(lái)同樣達(dá)到這個(gè)目的大年。
為什么當(dāng)認(rèn)證失敗時(shí)换薄，值會(huì)被清空？
因?yàn)檫@是一個(gè)新的請(qǐng)求翔试。數(shù)據(jù)入口視圖將會(huì)在開(kāi)始被呈現(xiàn)轻要，并且在呈現(xiàn)之后和發(fā)展視圖是一樣的，但是和請(qǐng)求視圖是不一樣的垦缅。我們將會(huì)在第四天的學(xué)習(xí)中來(lái)學(xué)習(xí)如何保持值不變冲泥。
我們可以明確地讓 Model Binder 來(lái)執(zhí)行嗎？
答案是肯定的失都。只需要簡(jiǎn)單地從 Action 方法中移走參數(shù)柏蘑。默認(rèn)情況下幸冻，它將會(huì)停止運(yùn)行中的默認(rèn) Model Binder粹庞。
在這種情形下，我們可以運(yùn)用 UpdateModel 函數(shù)如下：
Employee e = new Employee();
UpdateModel<employee>(e);
注：UpdateModel 不會(huì)處理原始數(shù)據(jù)類(lèi)型洽损。
UpdateModel 方法 和 TryUpdateModel 方法有什么區(qū)別庞溜？
TryUpdateModel 和 UpdateModel 是一樣的，除了一個(gè)附加的優(yōu)勢(shì)碑定。
當(dāng) Model 由于任意原因適配失敗時(shí)流码，UpdateModel 將會(huì)拋出異常。這種情況下延刘，ModelState.IsValid 函數(shù)將不會(huì)有任何左右漫试。
TryUpdateModel 是將 Employee 對(duì)象和函數(shù)參數(shù)保持精確地一致。如果更新失敗了碘赖，ModelState.IsValid 將會(huì)為 False驾荣。
客戶端的認(rèn)證是如何的外构？
這個(gè)可以被手動(dòng)完成，或者我們可以運(yùn)用 HTML Helper 類(lèi)播掷。
我們將會(huì)在第四天的學(xué)習(xí)中探討這兩種手動(dòng)的客戶端認(rèn)證方式审编，以及運(yùn)用 HTML Helper 來(lái)自動(dòng)客戶端認(rèn)證。
我們可以為一個(gè)屬性附加上多個(gè) DataAnnotation 嗎歧匈？
答案是肯定的垒酬。在這種情形下，多個(gè)認(rèn)證都會(huì)被觸發(fā)件炉。
9. 自定義服務(wù)器端認(rèn)證
第一步：創(chuàng)建自定義認(rèn)證
創(chuàng)建一個(gè)新的類(lèi)勘究，叫做 FirstNameValidation。
public class FirstNameValidation:ValidationAttribute
{
protected override ValidationResult IsValid(object value, ValidationContext validationContext)
{
if (value == null) // Checking for Empty Value
{
return new ValidationResult("Please Provide First Name");
}
else
{
if (value.ToString().Contains("@"))
{
return new ValidationResult("First Name should contain @");
}
}
return ValidationResult.Success;
}
}
第二步：向 First Name 中附加認(rèn)證
打開(kāi) Employee 類(lèi)斟冕，然后將 FirstName 屬性的默認(rèn)的「Required」屬性移走乱顾，附加上 FirstNameValidation。
[FirstNameValidation]
public string FirstName { get; set; }
第三步：執(zhí)行并測(cè)試
按下 F5宫静，導(dǎo)航到「Employee/AddNew」動(dòng)作走净。
- Test 1
- Test 2
10. 總結(jié)
這里我們完成了第三天的學(xué)習(xí)。在第四天學(xué)習(xí)中孤里，我們將會(huì)提升項(xiàng)目到一個(gè)新的版本伏伯。第四天的學(xué)習(xí)事項(xiàng)如下：
實(shí)現(xiàn)客戶端的認(rèn)證。
理解 HTML Helper捌袜。
實(shí)現(xiàn) Authentication说搅。
部分視圖增加 Footers。
原文地址：Learn MVC Project in 7 days
本文系 OneAPM 工程師編譯整理虏等。OneAPM 是應(yīng)用性能管理領(lǐng)域的新興領(lǐng)軍企業(yè)弄唧，能幫助企業(yè)用戶和開(kāi)發(fā)者輕松實(shí)現(xiàn)：緩慢的程序代碼和 SQL 語(yǔ)句的實(shí)時(shí)抓取。想閱讀更多技術(shù)文章霍衫，請(qǐng)?jiān)L問(wèn) OneAPM 官方博客候引。
