七天學會ASP.NET MVC (三)——ASP.Net MVC 數據處理

（原文用的是SQLserver數據庫，我這邊會改用oracle數據庫，這次的改動除了改正原文的錯誤之外，會有數據庫連接語句的改變，數據庫相關的改變，現在正在改版中~~~）

數據訪問層

在實際開發中，如果一個項目不包含任何數據庫，那麼這個項目是不完整的，我們在一二節實例中未涉及數據庫，在本節開始，實驗8中講解一個關於數據庫和數據庫層的實例。

本節將使用SQL Server和EF（Entity Framework）創建相關的數據庫及數據庫訪問層。

簡述實體框架（EF）

EF是一種ORM工具，ORM表示對象關聯映射。

在RDMS中，對象稱爲表格和列對象，而在.net中（面向對象）稱爲類，對象以及屬性。

任何數據驅動的應用實現的方式有兩種：

1. 通過代碼與數據庫關聯（稱爲數據訪問層或數據邏輯層）

2. 通過編寫代碼將數據庫數據映射到面向對象數據，或反向操作。

ORM是一種能夠自動完成這兩種方式的工具。EF是微軟的ORM工具。

什麼是代碼優先的方法？

EF提供了三種方式來實現項目：

l 數據庫優先方法——創建數據庫，包含表，列以及表之間的關係等，EF會根據數據庫生成相應的Model類（業務實體）及數據訪問層代碼。

l 模型優先方法——模型優先指模型類及模型之間的關係是由Model設計人員在VS中手動生成和設計的，EF將模型生成數據訪問層和數據庫。

l 代碼優先方法——代碼優先指手動創建POCO類。這些類之間的關係使用代碼定義。當應用程序首次執行時，EF將在數據庫服務器中自動生成數據訪問層以及相應的數據庫。

什麼是POCO類？

POCO即Plain Old CLR對象，POCO類就是已經創建的簡單.Net類。在上兩節的實例中，Employee類就是一個簡單的POCO類。

實驗8——添加數據訪問層

1. 創建數據庫

連接SQL SERVER ,創建數據庫 “SalesERPDB”。

2. 創建連接字符串（ConnectionString）

打開Web.Config 文件，在< Configuration >標籤內添加以下代碼：

<connectionStrings>

	<add key="db:ConnectString" value="Data Source=ORA11G;User Id=YZX_TEST;Password=YZX_TEST;"/>

</connectionStrings>

3. 添加EF引用

點擊項目->管理Nuget 包。選擇Entity Framework 並點擊安裝。

4. 創建數據訪問層

在根目錄下，新建文件夾”Data Access Layer“，並在Data Access Layer文件夾中新建類” SalesERPDAL “
在類文件頂部添加 using System.Data.Entity代碼。
繼承DbContext類

public class SalesERPDAL: DbContext

5. 創建Employee類的主鍵

打開Employee類，輸入using語句

using System.ComponentModel.DataAnnotations;

添加Employee的屬性，並使用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;
}

}

6. 定義映射關係

在SalesERPDAL類文件輸入using語句。

using WebApplication1.Models;

在 SalesERPDAL 類中重寫 OnModelCreating方法，代碼如下：

protected override void OnModelCreating(DbModelBuilder modelBuilder)

    modelBuilder.Entity<Employee>().ToTable("TblEmployee");

    base.OnModelCreating(modelBuilder);

注意：上述代碼中提到“TblEmployee”是表名稱，是運行時自動生成的。

7. 在數據庫中添加新屬性Employee

在 SalesERPDAL 類中添加新屬性 Employee。

public DbSet<Employee> Employees{get;set;}

DbSet表示數據庫中能夠被查詢的所有Employee

8. 改變業務層代碼，並從數據庫中獲取數據

打開 EmployeeBusinessLayer 類，輸入Using 語句。

using WebApplication1.DataAccessLayer;

修改GetEmployees 方法：

public List<employee> GetEmployees()

    SalesERPDAL salesDal = new SalesERPDAL();

    return salesDal.Employees.ToList();

9. 運行並測試

右擊，查看並沒有任何Employee的表格，查看數據庫文件，我們會看到 TblEmployee 表

10. 插入測試數據

在TblEmployee 中插入一些測試數據

11. 運行程序

關於實驗8

什麼是數據集?

DbSet數據集是數據庫方面的概念，指數據庫中可以查詢的實體的集合。當執行Linq 查詢時，Dbset對象能夠將查詢內部轉換，並觸發數據庫。

在本實例中，數據集是Employees，是所有Employee的實體的集合。當每次需要訪問Employees時，會獲取“TblEmployee”的所有記錄，並轉換爲Employee對象，返回Employee對象集。

如何連接數據訪問層和數據庫？

數據訪問層和數據庫之間的映射通過名稱實現的，在實驗8中，ConnectionString（連接字符串）的名稱和數據訪問層的類名稱是相同的，都是SalesERPDAL，因此會自動實現映射。

連接字符串的名稱可以改變嗎？

可以改變，在實驗8中，在數據訪問層中定義了構造函數，如下：

public SalesERPDAL():base("NewName")

實驗8已經完成，相信大家已經瞭解基本的原理和操作，接下來我們將做一些改變，使得每件事情都變得有組織有意義：

1. 重命名

將“TestController”改成 “EmployeeController”
GetView的行爲方法改爲Index
Views文件夾目錄下的Test 文件夾改成Employee
MyView的View 改爲“Index”

2. 刪除EmployeeListViewModel 的 UserName 屬性

3. 刪除View中的 UserName

打開 Views/Employee.Index.cshtml View ，刪除 UserName ，即刪除以下代碼：

Hello @Model.UserName

<hr />

4. 修改 EmployeeController 中的 Index方法

根據以下代碼修改Index 方法，執行時URL會變成 “…./Employee/Index”：

public ActionResult Index()
{
    &hellip;&hellip;
    &hellip;&hellip;
    &hellip;&hellip;
    employeeListViewModel.Employees = empViewModels;
    //employeeListViewModel.UserName = "Admin";-->Remove this line -->Change1
    return View("Index", employeeListViewModel);//-->Change View Name -->Change 2
}

實驗 9——創建數據入口（Data Entry Screen）

1. 新建 action 方法

在 EmployeeController 中新建 “AddNew”action 方法：

public ActionResult AddNew()

    return View("CreateEmployee");

2. 創建 View

在View/Employee目錄下新建 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>

3. 創建Index View的鏈接

打開 Index.cshtml 文件，添加指向 AddNew action方法的鏈接

<ahref="/Employee/AddNew">Add New</a>

4. 運行

關於實驗9

使用Form 標籤的作用是什麼？

在系列文章第一講中，我們已經知道，Web編程模式不是事件驅動的編程模式，是請求響應模式。最終用戶會產生髮送請求。Form標籤是HTML中產生請求的一種方式，Form標籤內部的提交按鈕只要一被點擊，請求會被髮送到相關的action 屬性。

Form標籤中方法屬性是什麼？

方法屬性決定了請求類型。有四種請求類型：get，post，put以及delete.

Get：當需要獲取數據時使用。
Post：當需要新建一些事物時使用。
Put: 當需要更新數據時使用。
Delete：需要刪除數據時使用。

使用Form 標籤來生成請求，與通過瀏覽器地址欄或超鏈接來生成請求，有什麼區別？

使用Form標籤生成請求時，所有有關輸入的控件值會隨着請求一起發送。

輸入的值是怎樣發送到服務器端的？

當請求類型是Get，Put或Delete時，值會通過查詢語句發送，當請求是Post類型，值會通過Post數據傳送。

使用輸入控件名的作用是什麼？

所有輸入控件的值將隨着請求一起發送。同一時間可能會接收到多個值，爲了區分發送到所有值爲每個值附加一個Key，這個Key在這裏就是名稱屬性。

名稱和 Id的作用是否相同？

不相同，名稱屬性是HTML內部使用的，當請求被髮送時，然而 ID屬性是在JavaScript中開發人員爲了實現一些動態功能而調用的。

“input type=submit” 和 “input type=button”的區別是什麼？

提交按鈕在給服務器發送請求而專門使用的，而簡單的按鈕是執行一些自定義的客戶端行爲而使用的。按鈕不會自己做任何事情。

實驗10——在服務器端（或Controller）獲取Post數據

1. 創建 SaveEmployee action 方法

在 Employee控制器中創建名爲 ”SaveEmployee“ action 方法：

public string SaveEmployee(Employee e)

   return e.FirstName + "|"+ e.LastName+"|"+e.Salary;

2. 運行

關於實驗10

action 方法內部的Textbox 值是如何更新 Employee 對象的？

在 Asp.Net MVC中有個 Model Binder的概念：

無論請求是否由帶參的action方法生成，Model Binder都會自動執行。
Model Binder會通過方法的元參數迭代，然後會和接收到參數名稱做對比。如果匹配，則響應接收的數據，並分配給參數。
在Model Binder迭代完成之後，將類參數的每個屬性名稱與接收的數據做對比，如果匹配，則響應接收的數據，並分配給參數。

如果兩個參數是相關聯的會發生什麼狀況，如參數”Employee e“和 “string FirstName”？

FirstName會被元 First Name變量和 e.FirstName 屬性更新。

Model Binder是組合的關係嗎？

是，在實驗 9 中都是根據控件名稱執行的。

例如：

Customer 類和 Address 類：

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">

...

...

...

實驗11——重置按鈕和取消按鈕

1. 添加重置和取消按鈕

...

...

...

<input type="submit" name="BtnSubmit” value="Save Employee" />

<input type="button" name="BtnReset" value="Reset" onclick="ResetForm();" />

<input type="submit" name="BtnSubmit" value="Cancel" />

2. 定義 ResetForm 函數

在Html的頭部分添加腳本標籤，並編寫JavaScript 函數命名爲”ResetForm“如下：

<script>

    function ResetForm() {

        document.getElementById('TxtFName').value = "";

        document.getElementById('TxtLName').value = "";

        document.getElementById('TxtSalary').value = "";

</script>

3. 在 EmplyeeController 的 SaveEmployee 方法中實現取消按鈕的點擊功能

修改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();

4. 運行

5. 測試重置功能

6. 測試保存和取消功能

關於實驗11

在實驗11中爲什麼將保存和取消按鈕設置爲同名？

在日常使用中，點擊提交按鈕之後，請求會被髮送到服務器端，所有輸入控件的值都將被髮送。提交按鈕也是輸入按鈕的一種。因此提交按鈕的值也會被髮送。

當保存按鈕被點擊時，保存按鈕的值也會隨着請求被髮送到服務器端，當點擊取消按鈕時，取消按鈕的值”取消“會隨着請求發送。

在Action 方法中，Model Binder 將維護這些工作。會根據接收到的值更新參數值。

實現多重提交按鈕有沒有其他可用的方法？

事實上，有很多可實現的方法。以下會介紹三種方法。

1. 隱藏 Form 元素

在View中創建一個隱藏form元素

<form action="/Employee/CancelSave" id="CancelForm" method="get" style="display:none">

</form>

將提交按鈕改爲正常按鈕，並且使用JavaScript腳本代碼：

<input type="button" name="BtnSubmit" value="Cancel" onclick="document.getElementById('CancelForm').submit()" />


2. 使用JavaScript 動態的修改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>

3. Ajax

使用常規輸入按鈕來代替提交按鈕，並且點擊時使用jQuery或任何其他庫來產生純Ajax請求。

爲什麼在實現重置功能時，不使用 input type=reset ？

因爲輸入類型type=reset 不是清晰的值，僅設置了控件的默認值。如：

<input type="text" name="FName" value="Sukesh">

在該實例中控件值爲：Sukesh，如果使用type=reset來實現重置功能，當重置按鈕被點擊時，textbox的值會被設置爲”Sukesh“。

如果控件名稱與類屬性名稱不匹配會發生什麼情況？

首先來看一段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 />

Model 類包含屬性名稱如FirstName, LastName 和 Salary。由於默認的Model Binder在該片段內不會發生作用。

我們會給出三種解決方案

內部action 方法，獲取請求中的post數據。Form 語法和手動構建Model對象：

public ActionResult SaveEmployee()

        Employee e = new Employee();

        e.FirstName = Request.Form["FName"];

        e.LastName = Request.Form["LName"];

        e.Salary = int.Parse(Request.Form["Salary"])

...

...

使用參數名稱和手動創建Model對象：

public ActionResult SaveEmployee(string FName, string LName, int Salary)

    Employee e = new Employee();

    e.FirstName = FName;

    e.LastName = LName;

    e.Salary = Salary;

...

...

創建自定義 Model Binder ，代替默認的Model　Ｂｉｎｄｅｒ：

1. 創建自定義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;

2. 替換默認的 Model Binder

public ActionResult SaveEmployee([ModelBinder(typeof(MyEmployeeModelBinder))]Employee e, string BtnSubmit)

    ......

RedirectToAction 函數的功能？

RedirectToAction 生成 RedirectToRouteResult 如ViewResult 和 ContentResult，RedirectToRouteResult是 ActionResult的孩子節點，表示間接響應，當瀏覽器接收到RedirectToRouteResult，新Action 方法產生新的請求。

EmptyResult是什麼？

是ActionResult的一個孩子節點，當瀏覽器接收到 EmptyResult，作爲響應，它會顯示空白屏幕，表示無結果。在本實驗中不會發生EmptyResult。

實驗12——保存數據庫記錄，更新表格

1. 在EmployeeBusinessLayer 中創建 SaveEmployee，如下：

public Employee SaveEmployee(Employee e)

    SalesERPDAL salesDal = new SalesERPDAL();

    salesDal.Employees.Add(e);

    salesDal.SaveChanges();

    return e;

2. 修改 SaveEmployee 的Action 方法

在 EmployeeController 中修改 SaveEmployee ation方法代碼如下：

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();

3.運行

實驗 13——添加服務器端驗證

在實驗10中已經瞭解了Model Binder的基本功能，再來了解一下：

Model Binder使用 post數據更新 Employee對象
但是這不僅僅執行Model Binder的。Model Binder需要更新Model State。Model State封裝了 Model狀態。
ModelState包含屬性IsValid ，該屬性表示 Model 是否成功更新。如果任何服務器端驗證失敗，Model將不更新。

ModelState保存驗證錯誤的詳情。

如：ModelState[“FirstName”],表示將包含所有與First Name相關的錯誤。

保存接收的值（Post 數據或查詢字符串的值）

在Asp.net MVC，將使用 DataAnnotations來執行服務器端的驗證。

在我們瞭解Data Annotation之前先來了解一些Model Binder知識：

使用元數據類型時，Model Binder 是如何工作的？

當Action方法包含元類型參數，Model Binder會與參數名稱對比。

當匹配成功時，響應接收的數據會被分配給參數。
匹配不成功時，參數會設置爲缺省值，例如，如果是字符串類型則被設置爲null，如果是整型則設置爲0.
由於數據類型未匹配異常的拋出，不會進行值分配。

當參數是類時，Model Binder 是如何工作的？

當參數爲類，Model Binder將通過檢索類所有的屬性，將接收的數據與類屬性名稱比較。

當匹配成功時：

如果接收的值是空，則會將空值分配給屬性，如果無法執行空值分配，會設置缺省值，ModelState.IsValid將設置爲fasle。

如果空值分配成功，會考慮值是否合法，ModelState.IsValid將設置爲fasle。

如果匹配不成功，參數會被設置爲缺省值。在本實驗中ModelState.IsValid不會受影響。

1. 使用 DataAnnotations 裝飾屬性

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; }

...

...

2. 修改 SaveEmployee 方法

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();

3. 在View中顯示錯誤，修改 Views/Index/CreateEmployee.cshtml 代碼，使用Table標籤如下：

<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>

4. 運行測試

導航到“Employee/AddNew” 方法，執行測試。

測試1。

測試2

注意:可能會出現以下錯誤：

“The model backing the 'SalesERPDAL' context has changed since the database was created. Consider using Code First Migrations to update the database.”

爲了解決上述錯誤，在Global.asax文件中在 Application_Start後添加以下語句：

Database.SetInitializer(new DropCreateDatabaseIfModelChanges<SalesERPDAL>());

注意: 使用Database類需要引用 “System.Data.Entity”命名空間

關於實驗13

@Html.ValidationMessage是什麼意思？

@符號表示是Razor代碼
Html是HtmlHelper類的實例。
ValidationMessage是HtmlHelper類的函數，用來表示錯誤信息。

ValidationMessage 函數是如何工作的？

ValidationMessage 是運行時執行的函數。如之前討論的，ModelBinder更新ModelState。ValidationMessage根據關鍵字顯示ModelState表示的錯誤信息。

如果我們需要可空的整數域，該怎麼做？

public int? Salary{get;set;}

UpdateModel 和 TryUpdateModel 方法之間的區別是什麼？

TryUpdateModel 與UpdateModel 幾乎是相同的，有點略微差別。

如果Model調整失敗，UpdateModel會拋出異常。就不會使用UpdateModel的 ModelState.IsValid屬性。

TryUpdateModel是將函數參數與Employee對象保持相同，如果更新失敗，ModelState.IsValid會設置爲False值。

客戶端驗證是什麼？

客戶端驗證是手動執行的，除非使用HTML 幫助類。我們將在下一節介紹HTML 幫助類。

實驗14——自定義服務器端驗證

1. 創建自定義驗證

新建類，並命名爲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;

2. 附加到First Name

打開Employee類，刪除FirstName的默認的Required屬性，添加FirstNameValidation，代碼如下：

[FirstNameValidation]

public string FirstName { get; set; }

3. 運行

導航到Employee/AddNew

測試1：

測試2：

結論

本節主要講解了數據訪問層相關的知識，如數據驗證，數據更新，數據處理，form表單的使用等。

在下一章，我們主要講述以下內容：

實現客戶端驗證
理解HTML 幫助類
實現認證功能
給部分View添加頁腳
使用母版頁創建統一的佈局
自定義請求過濾器

原文鏈接：http://www.cnblogs.com/powertoolsteam/p/MVC_three.html

七天學會ASP.NET MVC (三)——ASP.Net MVC 數據處理

（原文用的是SQLserver數據庫，我這邊會改用oracle數據庫，這次的改動除了改正原文的錯誤之外，會有數據庫連接語句的改變，數據庫相關的改變，現在正在改版中~~~）

目錄：

數據訪問層

簡述實體框架（EF）

什麼是代碼優先的方法？

什麼是POCO類？

實驗8——添加數據訪問層

關於實驗8

實驗 9——創建數據入口（Data Entry Screen）

關於實驗9

實驗10——在服務器端（或Controller）獲取Post數據

關於實驗10

實驗11——重置按鈕和取消按鈕

關於實驗11

實驗12——保存數據庫記錄，更新表格

實驗 13——添加服務器端驗證

使用元數據類型時，Model Binder 是如何工作的？

當參數是類時，Model Binder 是如何工作的？

關於實驗13

實驗14——自定義服務器端驗證

結論

Wireshark 安裝+使用（一）

基於綜合服務平臺淺談Sass應用

七天學會ASP.NET MVC (三)——ASP.Net MVC 數據處理

點擊彈出層外的部分彈出層消失的幾種寫法

七天學會ASP.NET MVC (一)——深入理解ASP.NET MVC

七天學會ASP.NET MVC (二)——ASP.NET MVC 數據傳遞

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結