一起谈.NET技术,鲜为人知的ASP.NET MVC 2.0框架高效之谜

简介:   要想建立开发环境,你需要安装Visual Studio 2008/2010 Beta 2,以及SQL Express 2005(可免费从MSDN下载)和MVC 2.0框架。我把本文中的示例Web应用命名为“Employee Master Information”。

  要想建立开发环境,你需要安装Visual Studio 2008/2010 Beta 2,以及SQL Express 2005(可免费从MSDN下载)和MVC 2.0框架。我把本文中的示例Web应用命名为“Employee Master Information”。

  使用该应用程序,你可以输入新员工数据,编辑现有员工数据,可以查看特定员工数据,和从数据库中给删除任意员工信息。该应用程序还使用了ASP.NET的Membership Provider来创建新用户和认证已有用户,客户端验证通过JavaScript实现。

图1

  创建MVC项目、数据库和数据模型

  在此前的ASP.NET MVC 2.0文章中,我讨论过如何使用Visual Studio 2008编辑器来创建一个MVC Web应用程序。在本篇文章中我使用VS2008(.NET框架3.5)创建的项目名称为“MyMvcSample”。创建了MVC 2.0网站后,接下来将是创建数据库和数据模型。

图2

  右键点击项目的“App_Data”文件夹,并向你的解决方案增加一个“SQL Server Database”对象。如果你的开发环境中没有安装“SQL Express”,你不会在“Template”窗口中看到这个选项。将SQL Express数据库的名称指定为MySampleDatabase.mdf,点击“Add”按钮后,一个新数据库将被添加到App_Data文件夹中。现在从“View”菜单中打开“Server Explorer”;你将看到MySampleDatabase.mdf数据库已经存在。右键点击该数据库下的“Tables”对象,增加一个名为“tblEmployee”的新表。在该表中添加以下列。

 
 
EmployeeName nvarchar( 100 )
EmployeeSalary numeric(
18 , 2 )
EmployeeId
int (Primary Key)
Department nvarchar(
100 )
Age
int
Skillset nvarchar(
1000 )
Role nvarchar(
50 )

  对于主键列,你需要修改两个属性:将“Identity Specification”的值从“No”改为“Yes”,将“Identity Increment”从0改为1。表创建完后,增加一些示例数据以供测试用。

图3

  接下来你需要创建一个数据模型,右键点击“Model”文件夹,并增加一个新条目。从模板列表中选择“ADO.NET Entity Data Model”。在本示例中我的模型名称为“DataModel.edmx”。点击增加按钮向你的解决方案添加该模型。接下来你将看到一个向导界面,它将指导你为刚才创建的模型增加数据源。选择“Generate from Database”并点击下一步。

  接下来你需要选择合适的数据源,从列表中选择此前创建的“MySampleDatabase.mdf”,并为该数据源指定一个名称。在解决方案web.config文件下的“ConnectionStrings”标签下,你将看到一个自动生成的包含数据源名称和连接字符串的条目。在本例中我的连接名称是“MySampleDatabaseEntities”。接下来,检查tblEmployee,并向你的模型提供一个命名空间名称。

图4

  在模型创建后,在模型查看器中打开DataModel.edmx。该查看器将帮助你查看模型数据源,以及模型和数据库之间的字段映射。使用模型查看器你还可以更改模型属性、字段名和数据类型。这个“Employee”模型将被在Controller类中使用,来增加、编辑和删除数据库中的员工详细信息。DataModel.edmx是一个ADO.NET Entity Framework对象,可以在进行插入、更新或删除数据时减少代码编写工作量。ADO.NET Entity Framework还支持LINQ,因此你可以在业务对象上编写查询类的SQL,而无需编写存储过程来抓取数据。

  图5

  创建控制器

  控制器将会用到 Microsoft.Web.Mvc.Build.dll和Microsoft.Web.Mvc.dll中的类。因此在编译应用程序之前,应检查上述两个动态库已经在你的bin文件夹下。

  对于增加、编辑、删除和查看员工职责详细信息等操作,我已经在我的HomeController中增加了“Get”和“Post”函数。控制器中的每一个函数都被关联到一个视图(.ASPX页面),例如为了查看员工列表,我编写了“Index”函数来返回员工列表信息,该信息将被显示在名为“Index.aspx”的视图中。要想显示某个特定员工的数据,则会调用Details函数。

 
 
Function Details(ByVal id As Integer) As ActionResult
Dim objEditEmployee
= (From c In objDatabaseEntities.EmployeeSet
Where c.EmployeeId
= id Select c).FirstOrDefault()
Return View(objEditEmployee)
End Function

  LINQ被用来查询业务对象和从Employee List模型中查找某个特定员工。通过使用“Return View”,这个员工对象将被发回到相应的视图。至于创建一个新员工,我也为“Create”方法创建了“Get”和“Post”两个版本。该方法的Get版将重定向到一个空白Employee页面/视图,由用户来输入员工详细信息,而Post版的“Create”函数将使用我们之前创建的Employee Model对象保存数据库中的员工详细信息。

图6

  我对Create.aspx页面中的所有输入字段都添加了合适的客户端验证代码。如果新输入的员工姓名已经存在,则数据不会被插入到数据库中。

 
 
Function Create(ByVal objEmployee As Employee) As ActionResult
Try
Dim objExtEmployee
= (From c In objDatabaseEntities.EmployeeSet Where
c.EmployeeName
= objEmployee.EmployeeName Select c).FirstOrDefault()
If objExtEmployee Is Nothing Then
objDatabaseEntities.AddToEmployeeSet(objEmployee)
objDatabaseEntities.SaveChanges()
Return RedirectToAction(
" Index " )
End If
Catch
Return View()
End Try
Return RedirectToAction(
" Index " )
End Function

  对于编辑员工详细信息,我也创建“Get”和“Post”版的Edit函数,不过我在HomeController本身中增加了验证机制。如果验证失败的话,我会使用Modelstate.Addmodelerror()函数来向相应视图抛出一个错误信息。

 
 
Protected Sub ValidateContact(ByVal EmployeeToValidate As Employee)
If EmployeeToValidate.EmployeeName.Trim().Length
= 0 Then
ModelState.AddModelError(
" Employee Name " , " Employee name is required
field. " )
End If
If EmployeeToValidate.EmployeeId.ToString().Trim().Length
= 0 Then
ModelState.AddModelError(
" Employee Id " , " Employee Id is required field. " )
End If
If (EmployeeToValidate.Department.Length
= 0 ) Then
ModelState.AddModelError(
" Employee Department " , " Employee Department is
required field. " )
End If
If (EmployeeToValidate.EmployeeSalary.ToString().Length
= 0 ) Then
ModelState.AddModelError(
" Employee Salary " , " Employee Salary is required
field. " )
End If
If (EmployeeToValidate.Age.ToString().Length
= 0 ) Then
ModelState.AddModelError(
" Employee Age " , " Employee Age is required field. " )
End If
If (EmployeeToValidate.Skillset.ToString().Length
= 0 ) Then
ModelState.AddModelError(
" Employee Skillset " , " Employee Skillset is required
field. " )
End If
If (EmployeeToValidate.Skillset.ToString().Length
= 0 ) Then
ModelState.AddModelError(
" Employee Role " , " Employee Role is required
field. " )
End If
End Sub

  在删除员工列表方面,我只增加了一个Get版,并在视图中增加了必要的JavaScript验证代码(确认信息)。

  创建视图

  在一个ASP.NET MVC应用中,所有入站的浏览器请求都被映射到控制器行为上。控制器行为可能会返回一个视图。与ASP.NET页面不一样,MVC视图后端没有任何代码。你可以通过右键点击控制器post函数并选择“view”选项来创建视图。向项目增加视图的第二种方法是,右键点击你的视图文件夹,并增加一个新视图。默认情况下,没有后端代码的.ASPX就是这些视图。你可以在项目中增加一个.ASCX文件和HTML文件作为视图。

图7

  本例中,我创建了4个不同的视图来实现增加、编辑、列举和显示员工详细信息,它们都是强类型视图。我使用了HTML帮助类,在视图中创建HTML对象和验证信息来验证客户端数据项。以下代码显示了如何使用HTML帮助类创建一个HTML输入控制和添加验证。

 
 
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.EmployeeName) %>
<%= Html.ValidationMessageFor(Function(model) model.EmployeeName) %>
</ div >

  我试用HTML辅助方法ActionLink来实现视图导航,使用Html.Encode()来将“<”和“>”等特殊字符编码成可以在网页上正常显示的字符。微软推荐使用HTML.Encode()方法来防止JavaScript注入攻击。以下是向数据库增加一名新员工的代码。

 
 
< asp:Content ID = " Content2 " ContentPlaceHolderID = " MainContent " runat = " server " >
< h2 > Create Employee </ h2 >
<%= "" %>
<% Using Html.BeginForm() %>

< fieldset >
< legend > Details to Enter </ legend >
< div class = " editor-label " >
<%= Html.LabelFor(Function(model) model.EmployeeName) %>
</ div >
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.EmployeeName) %>
<%= Html.ValidationMessageFor(Function(model) model.EmployeeName) %>
</ div >
< div class = " editor-label " >
<%= Html.LabelFor(Function(model) model.EmployeeSalary) %>
</ div >
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.EmployeeSalary) %>
<%= Html.ValidationMessageFor(Function(model) model.EmployeeSalary) %>
</ div >
< div class = " editor-label " >
<%= Html.LabelFor(Function(model) model.EmployeeId) %>
</ div >
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.EmployeeId) %>
<%= Html.ValidationMessageFor(Function(model) model.EmployeeId) %>
</ div >
< div class = " editor-label " >
<%= Html.LabelFor(Function(model) model.Department) %>
</ div >
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.Department) %>
<%= Html.ValidationMessageFor(Function(model) model.Department) %>
</ div >
< div class = " editor-label " >
<%= Html.LabelFor(Function(model) model.Age) %>
</ div >
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.Age) %>
<%= Html.ValidationMessageFor(Function(model) model.Age) %>
</ div >

< div class = " editor-label " >
<%= Html.LabelFor(Function(model) model.Skillset) %>
</ div >
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.Skillset) %>
<%= Html.ValidationMessageFor(Function(model) model.Skillset) %>
</ div >
< div class = " editor-label " >
<%= Html.LabelFor(Function(model) model.Role) %>
</ div >
< div class = " editor-field " >
<%= Html.TextBoxFor(Function(model) model.Role) %>
<%= Html.ValidationMessageFor(Function(model) model.Role) %>
</ div >

< p >
< input type = " submit " value = " Create " />
</ p >
</ fieldset >
<% End Using %>
< div >
<%= Html.ActionLink( " Back to Employee List " , " Index " ) %>
</ div >
</ asp:Content >

  结束语

  对于那些刚接触ASP.NET Web编程的开发者来说,学习MVC框架并不是一件难事。MVC框架应用程序的代码也非常容易维护。另外,开发者还可以在该框架中使用测试驱动开发方法。

目录
相关文章
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
328 7
|
开发框架 JavaScript 前端开发
一个适用于 ASP.NET Core 的轻量级插件框架
一个适用于 ASP.NET Core 的轻量级插件框架
245 0
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
334 0
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
274 0
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
449 0
|
存储 缓存 .NET
一起谈.NET技术,提高ASP.NET应用程序性能的十大方法
  一、返回多个数据集   检查你的访问数据库的代码,看是否存在着要返回多次的请求。每次往返降低了你的应用程序的每秒能够响应请求的次数。通过在单个数据库请求中返回多个结果集,可以减少与数据库通信的时间,使你的系统具有扩展性,也可以减少数据库服务器响应请求的工作量。
1322 0
|
Web App开发 .NET 数据库
一起谈.NET技术,ASP.NET中如何正确使用Session
  Asp.Net中的Session要比Asp中的Session灵活和强大很多,同时也复杂很多;看到有一些Asp.Net开发人员报怨说Session不稳定,莫名其妙的丢失,其实这正是Asp.Net改进的地方之一。
1146 0
|
Web App开发 .NET 数据安全/隐私保护
一起谈.NET技术,ASP.NET身份验证机制membership入门——项目
  前面说了很多关于membership的内容,感觉内容有点凌乱,内容都是一个个知识点,下面我们通过一个小的项目,来把所有的相关内容串一下。   首先描述一下需求:   我们要做一个最简单的网站。有三类用户:匿名用户,员工,管理员,网站结构如下:        admin目录下的页面只允许admin角色的用户访问,employee目录下的页面只允许emp角色的用户访问。
1211 0
|
Web App开发 缓存 .NET
一起谈.NET技术,ASP.NET缓存全解析4:应用程序数据缓存
  ASP.NET缓存全解析文章索引 ASP.NET缓存全解析1:缓存的概述 ASP.NET缓存全解析2:页面输出缓存 ASP.NET缓存全解析3:页面局部缓存 ASP.NET缓存全解析4:应用程序数据缓存 ASP.NET 缓存全解析5:文件缓存依赖 ASP.NET 缓存全解析6:数据库缓存依赖 ASP.NET 缓存全解析7:第三方分布式缓存解决方案 Memcached和Cacheman   System.Web.Caching 命名空间提供用于缓存服务器上常用数据的类。
1042 0
|
前端开发 .NET 测试技术
一起谈.NET技术,在ASP.NET MVC中进行TDD开发
  TDD介绍   TDD是一种开发方法,全称是Test-Driven development,中文是测试驱动开发。作者是Kent Beck。首先让我介绍一下三种常见的开发方式:   第一种:先Coding,然后Bug Fix。
1096 0