七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理 【转】

http://www.cnblogs.com/powertoolsteam/p/MVC_three.html

第三天我们将学习Asp.Net中数据处理功能，了解数据访问层，EF，以及EF中常用的代码实现方式，创建数据访问层和数据入口，处理Post数据，以及数据验证等功能。

系列文章

七天学会ASP.NETMVC(一)——深入理解ASP.NETMVC

七天学会ASP.NETMVC(二)——ASP.NETMVC数据传递

七天学会ASP.NETMVC(三)——ASP.NetMVC数据处理

七天学会ASP.NETMVC(四)——用户授权认证问题

七天学会ASP.NETMVC(五)——Layout页面使用和用户角色管理

七天学会ASP.NETMVC(六)——线程问题、异常处理、自定义URL

[b]七天学会ASP.NETMVC（七）——创建单页应用[/b]

目录：

数据访问层

实体框架（EF）简述

什么是代码优先的方法？

实验8——在项目中添加数据访问层

关于实验8

实验9——创建数据输入屏幕

实验10——获取服务端或控制器端传递的数据。

实验11——重置及取消按钮

实验12——保存数据。库记录并更新表格

实验13——添加服务器端验证

实验14——自定义服务器端验证

结论

数据访问层

在实际开发中，如果一个项目不包含任何数据库，那么这个项目是不完整的，我们在一二节实例中未涉及数据库，在本节开始，实验8中讲解一个关于数据库和数据库层的实例。

本节将使用SQLServer和EF（EntityFramework）创建相关的数据库及数据库访问层。

简述实体框架（EF）

EF是一种ORM工具，ORM表示对象关联映射。

在RDMS中，对象称为表格和列对象，而在.net中（面向对象）称为类，对象以及属性。

任何数据驱动的应用实现的方式有两种：

1.通过代码与数据库关联（称为数据访问层或数据逻辑层）

2.通过编写代码将数据库数据映射到面向对象数据，或反向操作。

ORM是一种能够自动完成这两种方式的工具。EF是微软的ORM工具。

什么是代码优先的方法？

EF提供了三种方式来实现项目：

l数据库优先方法——创建数据库，包含表，列以及表之间的关系等，EF会根据数据库生成相应的Model类（业务实体）及数据访问层代码。

l模型优先方法——模型优先指模型类及模型之间的关系是由Model设计人员在VS中手动生成和设计的，EF将模型生成数据访问层和数据库。

l代码优先方法——代码优先指手动创建POCO类。这些类之间的关系使用代码定义。当应用程序首次执行时，EF将在数据库服务器中自动生成数据访问层以及相应的数据库。

什么是POCO类？

POCO即PlainOldCLR对象，POCO类就是已经创建的简单.Net类。在上两节的实例中，Employee类就是一个简单的POCO类。

实验8——添加数据访问层

1.创建数据库

连接SQLSERVER,创建数据库“SalesERPDB”。





2.创建连接字符串（ConnectionString）

打开Web.Config文件，在<Configuration>标签内添加以下代码：

[code]

[/code]
3.添加EF引用

右击项目->管理Nuget包。选择EntityFramework并点击安装。





4.创建数据访问层

在根目录下，新建文件夹”DataAccessLayer“，并在DataAccessLayer文件夹中新建类”SalesERPDAL“

在类文件顶部添加UsingSystem.Data.Entity代码。

继承DbContext类

[code]

[/code]
5.创建Employee类的主键

打开Employee类，输入using语句

添加Employee的属性，并使用Key关键字标识主键。

6.定义映射关系

在SalesERPDAL类文件输入using语句。

在SalesERPDAL类中重写OnModelCreating方法，代码如下：

[code]

[/code]
注意：上述代码中提到“TblEmployee”是表名称，是运行时自动生成的。

7.在数据库中添加新属性Employee

在SalesERPDAL类中添加新属性Employee。

[code]

[/code]
DbSet表示数据库中能够被查询的所有Employee

8.改变业务层代码，并从数据库中获取数据

打开EmployeeBusinessLayer类，输入Using语句。

修改GetEmployees方法：

[code]

[/code]
9.运行并测试



右击，查看并没有任何Employee的表格，查看数据库文件，我们会看到TblEmployee表



10.插入测试数据

在TblEmployee中插入一些测试数据



11.运行程序

关于实验8

什么是数据集?

DbSet数据集是数据库方面的概念，指数据库中可以查询的实体的集合。当执行Linq查询时，Dbset对象能够将查询内部转换，并触发数据库。

在本实例中，数据集是Employees，是所有Employee的实体的集合。当每次需要访问Employees时，会获取“TblEmployee”的所有记录，并转换为Employee对象，返回Employee对象集。

如何连接数据访问层和数据库？

数据访问层和数据库之间的映射通过名称实现的，在实验8中，ConnectionString（连接字符串）的名称和数据访问层的类名称是相同的，都是SalesERPDAL，因此会自动实现映射。

连接字符串的名称可以改变吗？

可以改变，在实验8中，在数据访问层中定义了构造函数，如下：

[code]

[/code]
实验8已经完成，相信大家已经了解基本的原理和操作，接下来我们将做一些改变，使得每件事情都变得有组织有意义：

1.重命名

将“TestController”改成“EmployeeController”

GetView的行为方法改为Index

Views文件夹目录下的Test文件夹改成Employee

MyView的View改为“Index”

2.删除EmployeeListViewModel的UserName属性

3.删除View中的UserName

打开Views/Employee.Index.cshtmlView，删除UserName，即删除以下代码：

[code]
[/code]
4.修改EmployeeController中的Index方法

根据以下代码修改Index方法，执行时URL会变成“…./Employee/Index”：

publicActionResultIndex()
{
……
……
……
employeeListViewModel.Employees=empViewModels;
//employeeListViewModel.UserName="Admin";-->Removethisline-->Change1
returnView("Index",employeeListViewModel);//-->ChangeViewName-->Change2
}

实验9——创建数据入口（DataEntryScreen）

1.新建action方法

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

[code]

[/code]

2.创建View

在View/Employee目录下新建View命名为：CreateEmployee。

[code]

[/code]
3.创建IndexView的链接

打开Index.cshtml文件，添加指向AddNewaction方法的链接

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中开发人员为了实现一些动态功能而调用的。

“inputtype=submit”和“inputtype=button”的区别是什么？

提交按钮在给服务器发送请求而专门使用的，而简单的按钮是执行一些自定义的客户端行为而使用的。按钮不会自己做任何事情。

实验10——在服务器端（或Controller）获取Post数据

1.创建SaveEmployeeaction方法

在Employee控制器中创建名为”SaveEmployee“action方法：

[code]

[/code]
2.运行

关于实验10

action方法内部的Textbox值是如何更新Employee对象的？

在Asp.NetMVC中有个ModelBinder的概念：

无论请求是否由带参的action方法生成，ModelBinder都会自动执行。

ModelBinder会通过方法的元参数迭代，然后会和接收到参数名称做对比。如果匹配，则响应接收的数据，并分配给参数。

在ModelBinder迭代完成之后，将类参数的每个属性名称与接收的数据做对比，如果匹配，则响应接收的数据，并分配给参数。

如果两个参数是相关联的会发生什么状况，如参数”Employeee“和“stringFirstName”？

FirstName会被元FirstName变量和e.FirstName属性更新。

ModelBinder是组合的关系吗？

是，在实验9中都是根据控件名称执行的。

例如：

Customer类和Address类：

[code]

[/code]
Html代码

[code]

[/code]

实验11——重置按钮和取消按钮

1.添加重置和取消按钮

[code]

[/code]
2.定义ResetForm函数

在Html的头部分添加脚本标签，并编写JavaScript函数命名为”ResetForm“如下：

[code]

[/code]
3.在EmplyeeController的SaveEmployee方法中实现取消按钮的点击功能

修改SaveEmployee方法：

[code]

[/code]
4.运行

5.测试重置功能



6.测试保存和取消功能

关于实验11

在实验11中为什么将保存和取消按钮设置为同名？

在日常使用中，点击提交按钮之后，请求会被发送到服务器端，所有输入控件的值都将被发送。提交按钮也是输入按钮的一种。因此提交按钮的值也会被发送。

当保存按钮被点击时，保存按钮的值也会随着请求被发送到服务器端，当点击取消按钮时，取消按钮的值”取消“会随着请求发送。

在Action方法中，ModelBinder将维护这些工作。会根据接收到的值更新参数值。

实现多重提交按钮有没有其他可用的方法？

事实上，有很多可实现的方法。以下会介绍三种方法。

1.隐藏Form元素

在View中创建一个隐藏form元素

将提交按钮改为正常按钮，并且使用JavaScript脚本代码：

2.使用JavaScript动态的修改URL

[code]

[/code]
3.Ajax

使用常规输入按钮来代替提交按钮，并且点击时使用jQuery或任何其他库来产生纯Ajax请求。

为什么在实现重置功能时，不使用inputtype=reset？

因为输入类型type=reset不是清晰的值，仅设置了控件的默认值。如：

在该实例中控件值为：Sukesh，如果使用type=reset来实现重置功能，当重置按钮被点击时，textbox的值会被设置为”Sukesh“。

如果控件名称与类属性名称不匹配会发生什么情况？

首先来看一段HTML代码：

[code]

[/code]
Model类包含属性名称如FirstName,LastName和Salary。由于默认的ModelBinder在该片段内不会发生作用。

我们会给出三种解决方案

内部action方法，获取请求中的post数据。Form语法和手动构建Model对象：

使用参数名称和手动创建Model对象：

[code]

[/code]

创建自定义ModelBinder，代替默认的Model　Ｂｉｎｄｅｒ：

1.创建自定义ModelBinder

2.替换默认的ModelBinder

[code]

[/code]

RedirectToAction函数的功能？

RedirectToAction生成RedirectToRouteResult如ViewResult和ContentResult，RedirectToRouteResult是ActionResult的孩子节点，表示间接响应，当浏览器接收到RedirectToRouteResult，新Action方法产生新的请求。

EmptyResult是什么？

是ActionResult的一个孩子节点，当浏览器接收到EmptyResult，作为响应，它会显示空白屏幕，表示无结果。在本实验中不会发生EmptyResult。

实验12——保存数据库记录，更新表格

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

[code]

[/code]
2.修改SaveEmployee的Action方法

在EmployeeController中修改SaveEmployeeation方法代码如下：

[code]

[/code]
3.运行

实验13——添加服务器端验证

在实验10中已经了解了ModelBinder的基本功能，再来了解一下：

ModelBinder使用post数据更新Employee对象

但是这不仅仅执行ModelBinder的。ModelBinder需要更新ModelState。ModelState封装了Model状态。

[align=left]ModelState包含属性IsValid，该属性表示Model是否成功更新。如果任何服务器端验证失败，Model将不更新。[/align]

ModelState保存验证错误的详情。

如：ModelState[“FirstName”],表示将包含所有与FirstName相关的错误。

保存接收的值（Post数据或查询字符串的值）

在Asp.netMVC，将使用DataAnnotations来执行服务器端的验证。

在我们了解DataAnnotation之前先来了解一些ModelBinder知识：

使用元数据类型时，ModelBinder是如何工作的？

当Action方法包含元类型参数，ModelBinder会与参数名称对比。

当匹配成功时，响应接收的数据会被分配给参数。

匹配不成功时，参数会设置为缺省值，例如，如果是字符串类型则被设置为null，如果是整型则设置为0.

由于数据类型未匹配异常的抛出，不会进行值分配。

当参数是类时，ModelBinder是如何工作的？

当参数为类，ModelBinder将通过检索类所有的属性，将接收的数据与类属性名称比较。

当匹配成功时：

如果接收的值是空，则会将空值分配给属性，如果无法执行空值分配，会设置缺省值，ModelState.IsValid将设置为fasle。

如果空值分配成功，会考虑值是否合法，ModelState.IsValid将设置为fasle。

如果匹配不成功，参数会被设置为缺省值。在本实验中ModelState.IsValid不会受影响。

1.使用DataAnnotations装饰属性

[code]

[/code]
2.修改SaveEmployee方法

[code]

[/code]
3.在View中显示错误，修改Views/Index/CreateEmployee.cshtml代码，使用Table标签如下：

[code]

[/code]
4.运行测试

导航到“Employee/AddNew”方法，执行测试。

测试1。



测试2



注意:可能会出现以下错误：

“Themodelbackingthe'SalesERPDAL'contexthaschangedsincethedatabasewascreated.ConsiderusingCodeFirstMigrationstoupdatethedatabase.”

为了解决上述错误，在Global.asax文件中在Application_Start后添加以下语句：

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

关于实验13

@Html.ValidationMessage是什么意思？

@符号表示是Razor代码

Html是HtmlHelper类的实例。

ValidationMessage是HtmlHelper类的函数，用来表示错误信息。

ValidationMessage函数是如何工作的？

ValidationMessage是运行时执行的函数。如之前讨论的，ModelBinder更新ModelState。ValidationMessage根据关键字显示ModelState表示的错误信息。

如果我们需要可空的整数域，该怎么做？

UpdateModel和[b]TryUpdateModel方法之间的区别是什么？[/b]

TryUpdateModel与UpdateModel几乎是相同的，有点略微差别。

如果Model调整失败，UpdateModel会抛出异常。就不会使用UpdateModel的ModelState.IsValid属性。

TryUpdateModel是将函数参数与Employee对象保持相同，如果更新失败，ModelState.IsValid会设置为False值。

客户端验证是什么？

客户端验证是手动执行的，除非使用HTML帮助类。我们将在下一节介绍HTML帮助类。

实验14——自定义服务器端验证

1.创建自定义验证

新建类，并命名为FirstNameValidation，代码如下：

[code]

[/code]
2.附加到FirstName

打开Employee类，删除FirstName的默认的Required属性，添加FirstNameValidation，代码如下：

[code]
[/code]
3.运行

导航到Employee/AddNew

测试1：



测试2：

结论

本节主要讲解了数据访问层相关的知识，如数据验证，数据更新，数据处理，form表单的使用等。

在下一章，我们主要讲述以下内容：

实现客户端验证

理解HTML帮助类

实现认证功能

给部分View添加页脚

使用母版页创建统一的布局

自定义请求过滤器

[b]ComponentOneStudioASP.NETMVC[/b]帮助您更好更高效地完成应用开发，满足用户的所有需求。

它与VisualStudio无缝集成，完全与MVC6和ASP.NET5.0兼容，将大幅提高效率，能提供从桌面到移动设备的体验，不用任何妥协就能创建触控优先的现代化解决方案。

原文链接：http://www.codeproject.com/Articles/986730/Learn-MVC-Project-in-days-Day