通过这次练习，要创建一个分页显示用户列表的 ASP.NET MVC应用。具有显示用户资料，以及创建、修改、删除用户地址的功能。该应用共有三个控制器：用户控制器处理用户信息列表和显示用户信息；地址控制器负责用户地址的创建、编辑和删除；主页控制器负责显示站点的欢迎页面。

提示：为了确保每个步骤都正常运行，最好在每个任务结束的时候都编译整个解决方案。

任务1 - 创建实体数据模型

在本任务中你要用 实体数据模型（Entity Data Model）创建可编程实体类到数据存储结构（通常是SQL Server数据库或者其他数据库）的映射。Entity Data Model (EDM) 是在 实体框架 (Entity Framework）中专门设计来作为程序中的数据定义的。

1. 点击 开始 | 所有程序 | Microsoft Visual Studio 2008 | Microsoft Visual Studio 2008 启动 VS 2008。
2. 打开 AspNetMvcEx02-DevelopingMvcAppbegin 目录下的解决方案文件 MvcSampleApp.sln。
3. 在 解决方案浏览器 中， 打开 Views 目录下的 Shared 目录。步骤：点击目录名字前面的加号图标，选择 Site.Master 文件， 右键点击它并选择 删除 。
4. 导入提供的 Site.Master。 步骤：右键点击 Shared 文件夹， 指向 添加 然后选择 现有项。在 添加现有项 对话框中，转到 AspNetMvcAssetsShared 目录，然后选中该目录下的所有文件（实际就只有一个 Site.Master 文件），点 添加。 

   提示：与传统的 ASP.NET Web 页面一样， ASP.NET 页面视图 (.aspx 文件)可以使用母版页来为站点的通用部分提供统一的样式。

5. 创建 AdventureWorks 实体数据模型。步骤：在 解决方案浏览器 中， 在 MvcSampleApp 项目中右键点击 Models 文件夹， 指向 添加， 然后点击 新建项。

6. 在 新建项 对话框里选择 ADO.NET Entity Data Model。将要创建的项命名为 AdventureWorks.edmx，然后点 添加。 

   
   图一 添加 ADO.NET Entity Data Model

7. 在 实体模型数据向导 打开后， 选择 从数据库生成 然后点击 下一步。
8. 点击 新建连接 定义数据库连接。
9. In the Choose Data Source dialog, select Microsoft SQL Server as Data Source and click Continue. 在 选择数据库 对话框中，选择 Microsoft SQL Server 作为数据源，然后点 继续。（这一步在大部分情况下默认不出现）
10. In the Connection Properties dialog window, enter AspNetMvcLabs as Server Name, then select AdventureWorksLT database and click OK.在 连接属性 对话框里，输入你的 本地 SQL Server 安装实例 名称（例如“.”或者“.SQLEXPRESS”），然后在下方选择 AdventureWorksLT 数据库 （没有安装 SQL Server 2005 示例数据库的可以从网上下载安装），然后点击 OK。

    Note:AspNetMvcLabs is the default alias for the database server installed when the SetupEx.cmd script was run at the beginning of this lab.

     
    图二 定义数据连接

11. 回到 实体数据模型向导， 点击 下一步。
12. 在 选择数据库对象 这一步，只需要选择以下三个表： 
    • Address (SalesLT)Address
    • Customer (SalesLT)
    • CustomerAddress (SalesLT)
13. 保持 模型命名空间 这一项为默认值，点击 完成。 

     
    图三 选择要包含在模型中的数据库对象

14. 创建数据容器类 AdventureWorksRepository，这个容器类向其它类暴露数据访问方法，通过这些方法从底层数据模型获取数据实体。在 MvcSampleApp 项目中右击 Models 目录，指向 添加 然后点击 现有项。转到 AspNetMvcAssets 目录， 选择 AdventureWorksRepository.cs 文件，然后点击 添加。
    提示：更多详细信息，参见 实体数据模型 。

（未完待续）

相关日志

• 2009-04-09 -- [翻译]ASP.NET MVC动手实验1-2：创建ASP.NET MVC应用
• 2009-04-09 -- [翻译]ASP.NET MVC动手系列1-1：ASP.NET MVC概述
• 2009-07-08 -- ASP.NET MVC 最佳实践（四）
• 2009-07-07 -- ASP.NET MVC 最佳实践（三）
• 2009-07-01 -- ASP.NET MVC 最佳实践（二）
• 2009-06-28 -- ASP.NET MVC 最佳实践（一）
• 2009-04-30 -- VS2008 中 JS IntelliSense出错的解决
• 2011-03-14 -- 对《优化浏览器渲染》的补充【译】
• 2011-03-10 -- CSS边框实现“无图化”设计【译】
• 2010-10-31 -- CSS技巧:如何避免IE6中的"浮动下坠"【译】

ASP.NET MVC 框架分为 Model， View 和 Controller 三个部分。模型组件（Model）一般用于维护数据库中的持久数据层的状态。视图组件（View）由控制器挑选并渲染到适当的用户界面。默认状态下， ASP.NET MVC 框架用ASP.NET已有的 ASP.NET 页面（.aspx）、 母版页（.master）以及用户控件（.ascx）等类型来作为浏览器呈现。控制器组件（Controller）组件将用户请求定位到适当的控制器（Controller）行为（Action）和方法（Method），从请求中获取用于行为方法运行的参数值， 并处理行为和方法执行中可能产生的错误。 然后控制器用该请求对应的视图进行渲染。 默认状况下，每个组件存放在 MVC WEB 应用工程的一个独立目录下。

任务1 - 创建一个 ASP.NET MVC Web 应用工程

在这个任务中你将通过Visual Studio的MVC模板创建和配置一个空的 ASP.NET MVC 应用工程。

1. 打开 Microsoft Visual Studio 2008：依次点击 开始|所有程序|Microsoft Visual Studio 2008|Microsoft Visual Studio 2008.
2. 点击 文件 菜单， 指向 新建， 然后点击 项目。
3. 在 新建项目 对话框中，确保右上角选中的版本为 .NET Framework 3.5，在 项目类型 下选择 Visual C#，然后在 Visual Studio 已安装的模板 中选择 ASP.NET MVC Web Application 类型。你可以设置项目位置为 你的路径AspNetMvcEx01-CreatingMvcAppbegin 作为项目目录。
4. 修改 名称 为 MvcSampleApp 然后点击 确定 。 图一：创建新项目对话框
   在点击 确定 按钮之后，Visual Studio 会问你是否同时创建测试项目（would you like to create a test project）。选择 Yes， 输入 MvcSampleApp.Test 作为项目名称（Name of the Project）， 然后点击 确定（OK）。注：我安装的是Visual Studio 2008 SP1 简体中文版 + ASP.NET MVC 1.0，在我的系统上，创建测试项目的对话框为英文，因此这里加上英文对照。
   提示：当你创建一个新的MVC Web应用时， Visual Studio 会为你提供同时创建两个项目的选择，第一个项目是Web项目用来实现你的应用，第二个项目是一个测试项目，你可以在其中为你的MVC组件编写单元测试。
   
   图二：创建 MVC 单元测试项目
   提示：测试项目对话框中的 测试框架（Test Framework） 下拉列表现在只有一个 Visual Studio Unit Test，这个列表是可扩展的，在你的机器上安装了其他测试框架的时候，它将会包含其他的测试框架供你选择。由此你可以容易地用你喜欢的单元测试框架来为你的 ASP.NET MVC 应用编写单元测试。
5. 在Visual Studio 中配置站点使用端口 50000。这一步是为了和本动手实验中的后续联系保持一致所必须的。
   1. 在 解决方案浏览器 中，右击 MvcSampleApp 项目，并在上下文菜单中选择 属性 。
   2. 在 属性 页中，打开 Web 标签。
   3. In the Servers section select Specific Port. 在 服务器 设置项下面，选择 使用Visual Studio开发服务器，并选中 特定端口 。
   4. 设置端口号为 50000 。
   5. 按下 Ctr + S 保存所做的改动。

   
   图三：配置本地测试属性

相关日志

• 2009-04-13 -- [翻译]ASP.NET MVC动手实验1-3：开发ASP.NET MVC应用
• 2009-04-09 -- [翻译]ASP.NET MVC动手系列1-1：ASP.NET MVC概述
• 2009-07-08 -- ASP.NET MVC 最佳实践（四）
• 2009-07-07 -- ASP.NET MVC 最佳实践（三）
• 2009-07-01 -- ASP.NET MVC 最佳实践（二）
• 2009-06-28 -- ASP.NET MVC 最佳实践（一）
• 2011-03-14 -- 对《优化浏览器渲染》的补充【译】
• 2009-06-22 -- Whatever:hover – 无需javascript让IE支持丰富伪类
• 2009-04-30 -- VS2008 中 JS IntelliSense出错的解决
• 2011-03-10 -- CSS边框实现“无图化”设计【译】

• 模型（Models）：模型对象一般是在应用中实现逻辑域的部分。通常情况下，模型对象用于在数据库中取得和存储模型状态。
• 视图（Views）：视图是应用中显示用户界面（UI）的组件。典型状况下，用户界面是根据模型数据创建。比如一个产品表的编辑视图中可能包括基于当前产品对象状态的文本框、下拉列表以及单选、复选框等。
• 控制器（Controllers）：控制器是处理用户交互，操作对应模型、最后选择相应视图来渲染用户界面的组件。在一个MVC架构的应用中，视图只用于显示信息；控制器对用户的输入和交互行为进行处理和响应。

MVC模式可以帮助你将应用拆分的不同方面拆分以形成多层结构（输入逻辑、商业逻辑和用户界面逻辑等），并为这些不同的层提供宽松的耦合关系。这样你就能在开发过程中一次只将精力集中于实现其中的一个方面。除了在处理复杂事务的优势外，调试基于MVC模式的应用也比调试传统ASP.NET WEB应用程序更容易， 因此MVC模式鼓励使用测试驱动开发（TDD: Test-driven development）来创建应用程序。

ASP.NET MVC 框架为ASP.NET Web Forms开发人员提供了创建基于MVC的WEB应用的选择。ASP.NET MVC 框架是一个轻量级的、高可测试性的框架，它与基于Web Forms的应用程序一样，结合了现有的ASP.NET特性，例如母版页和基于用户（Membership-based）的认证等。

除此之外，MVC应用程序三个主要组件之间的宽耦合更方便进行多人并行开发。例如，一个开发人员开发试图，另一个开发人员开发逻辑控制器，与此同时还有一个开发人员在模型层进行商业逻辑开发。

目标

在这个动手实验室系列中，你将学习到：

• 认识和了解 ASP.NET MVC 框架；
• 创建一个 ASP.NET MVC 应用程序；
• 在创建 ASP.NET MVC 应用程序的过程中执行测试。

系统需求

为了完成此实验，你必须具备以下的系统配置环境：

• Microsoft Visual Studio 2008 SP1
• Microsoft ASP.NET MVC 1.0
• Microsoft SQL 2005 or Microsoft SQL 2008 (体验版或更高版本)
• Adventure Works 示例数据库
  • Microsoft SQL 2005 下使用: AdventureWorksLT.msi

    备注： 该 msi 安装程序只是将示例数据库文件拷贝到你的文件系统中；你还需要手动在SQL SERVER服务器中附加该数据库。更多信息，请参考 如何：在SQL Server Management Studio 中附加数据库.
    Vista 用户请注意： 确认将数据库文件安装到 “C:Program Files”以外的目录， 因为该文件夹具有额外的权限设置，可能会由于文件的只读属性造成你无法在工程文件中进行保存。

  • Microsoft SQL 2008 下使用: AdventureWorks 2008 sample databases

    备注： 该 msi 安装程序只是将示例数据库拷贝到你的文件系统中；不过，你只需要用到 AdventureWorksLT 数据库。

     

安装

本实验所需的所有必备组件可以用依赖性检测工具来检验。要确定所有项目都已正确配置，请执行以下步骤：

备注：要执行以下安装步骤，你需要在以管理员身份运行的命令提示窗口（cmd.exe）中运行所有脚本。

1. 如果以前从没有进行过依赖性检测，请运行依赖性检测工具。要进行检测，运行 CheckDepenencies.cmd 脚本，该脚本位于 %TrainingKitInstallation%LabsaspNetMvcSetup 目录。根据向导提示扫描并安装任何缺少的组件（安装后，如果需要可以重新扫描）。

   提示：为了方便起见，在这个实验中你将用到的绝大部分代码会安装在Visual Studio 的 代码片段（code snippets）中。CheckDependencies.cmd 结束时会自动加载 Visual Studio 安装管理器来安装代码片段。

练习

这个动手实验中包含以下练习：

1. 创建 ASP.NET MVC 应用程序
2. 开发和完善 ASP.NET MVC 应用程序
3. 测试 ASP.NET MVC 应用程序

完成整个实验预计需要时间: 90分钟。

补充说明:

每个练习中都包含一个起始解决方案，起始解决方案中缺少的代码将在练习工程中完成。因此如果你直接运行起始解决方案，将不能正常执行。
在每个练习中你还可以找到一个 End 目录，其中包括了在整个练习结束时你应该得到的解决方案。在练习过程中如果你需要额外的帮助，可以参考该解决方案。

（文本翻译自 ASP.NET MVC Training Kit，下载地址：http://www.microsoft.com/downloads/details.aspx?FamilyID=1E0BE0B2-910A-4676-9F3A-41E4D9C0FC08&displaylang=en）

相关日志

• 2009-04-13 -- [翻译]ASP.NET MVC动手实验1-3：开发ASP.NET MVC应用
• 2009-04-09 -- [翻译]ASP.NET MVC动手实验1-2：创建ASP.NET MVC应用
• 2009-07-08 -- ASP.NET MVC 最佳实践（四）
• 2009-07-07 -- ASP.NET MVC 最佳实践（三）
• 2009-07-01 -- ASP.NET MVC 最佳实践（二）
• 2009-06-28 -- ASP.NET MVC 最佳实践（一）
• 2009-04-30 -- VS2008 中 JS IntelliSense出错的解决
• 2011-03-14 -- 对《优化浏览器渲染》的补充【译】
• 2011-03-10 -- CSS边框实现“无图化”设计【译】
• 2010-10-31 -- CSS技巧:如何避免IE6中的"浮动下坠"【译】