鲜为人知的ASP.NET MVC 2.0框架高效之谜-asp.net mvc框架

【51CTO独家特稿】要想建立开发环境，你需要安装Visual Studio 2008/2010 Beta 2，以及SQL Express 2005（可免费从MSDN下载）和MVC 2.0框架。我把本文中的示例Web应用命名为“Employee Master Information”。51CTO-.NET频道向您推荐《ASP.NET MVC框架视频教程》以便于您更好的理解本文。

使用该应用程序，你可以输入新员工数据，编辑现有员工数据，可以查看特定员工数据，和从数据库中给删除任意员工信息。该应用程序还使用了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

#p#

创建控制器

控制器将会用到 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对象保存数据库中的员工详细信息。51C TO-.NET频道向您推荐《LINQ教程-LINQ to SQL技术精解》专题。

图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框架应用程序的代码也非常容易维护。另外，开发者还可以在该框架中使用测试驱动开发方法。

原文题目：Create a Web App Using ASP.NET MVC 2.0 Framework

【编辑推荐】