ASP.NET MVC 3 简介 (C#)

作者: 里克·安德森

注意

此处提供了本教程的更新版本,它使用 ASP.NET MVC 5 和 Visual Studio 2013。 它更安全,更易于遵循并演示更多功能。

本教程将介绍如何使用 Microsoft Visual Web Developer 2010 Express Service Pack 1 生成 ASP.NET MVC Web 应用程序的基本知识,这是 visual Studio 的免费 Microsoft版本。 在开始之前,请确保已安装下面列出的先决条件。 可以通过单击以下链接来安装所有这些组件: Web 平台安装程序。 或者,可使用以下链接单独安装各个必备软件:

如果使用 Visual Studio 2010 而不是 Visual Web Developer 2010,请单击以下链接安装必备组件: Visual Studio 2010 先决条件

带有 C# 源代码的 Visual Web 开发人员项目随本主题一起提供。 下载 C# 版本。 如果更喜欢 Visual Basic,请切换到 本教程的 Visual Basic 版本

所需操作

你将实现一个简单的电影列表应用程序,该应用程序支持从数据库创建、编辑和列出电影。 下面是要生成的应用程序的两个屏幕截图。 它包括显示数据库中电影列表的页面:

MoviesWithVariousSm

应用程序还允许添加、编辑和删除电影,以及查看有关单个电影的详细信息。 所有数据输入方案包括验证,以确保数据库中存储的数据正确。

支持从数据库创建编辑和列出电影的电影列表应用程序的屏幕截图。

将要学到的技能

学习内容:

  • 如何创建新的 ASP.NET MVC 项目。
  • 如何创建 ASP.NET MVC 控制器和视图。
  • 如何使用 Entity Framework Code First 范例创建新数据库。
  • 如何检索和显示数据。
  • 如何编辑数据并启用数据验证。

入门

首先运行 Visual Web Developer 2010 Express(“Visual Web Developer”(简称“Visual Web Developer”),然后从“开始”页中选择“新建项目”。

Visual Web 开发人员是 IDE 或集成开发环境。 就像使用 Microsoft Word 编写文档一样,你将使用 IDE 创建应用程序。 在 Visual Web 开发人员中,顶部有一个工具栏,其中显示了可用的各种选项。 还有一个菜单提供了另一种在 IDE 中执行任务的方法。 (例如,而不是选择从“开始”页新建项目,可以使用菜单并选择“文件>新建项目”。

Visual Web Developer 2010 Express 入门的屏幕截图。

创建第一个应用程序

可以使用 Visual Basic 或 Visual C# 作为编程语言创建应用程序。 选择左侧的 Visual C#,然后选择 ASP.NET MVC 3 Web 应用程序。 将项目命名为“MvcMovie”,然后单击“ 确定”。 (如果你更喜欢 Visual Basic,请切换到 本教程的 Visual Basic 版本

使用 Visual Basic 或 Visual C Sharp 作为编程语言创建第一个应用程序的“新建项目”的屏幕截图。

“新建 ASP.NET MVC 3 项目 ”对话框中,选择 “Internet 应用程序”。 选中“使用 HTML5 标记”并将 Razor 保留为默认视图引擎。

新 A S P 的屏幕截图。“N E T M V C 3 项目”对话框,用于选择 Internet 应用程序。

单击“确定”。 Visual Web Developer 为刚刚创建的 ASP.NET MVC 项目使用了默认模板,因此现在没有执行任何操作即可使用工作应用程序! 这是一个简单的“Hello World!”项目,是启动应用程序的绝佳位置。

使用 A S P 的默认模板的 Visual Web 开发人员的屏幕截图。创建的 N E T M V C 项目。

从“调试”菜单中选择“启动调试”

用于选择“开始调试”的“调试”菜单的屏幕截图。

请注意,开始调试的键盘快捷方式为 F5。

F5 导致 Visual Web 开发人员启动开发 Web 服务器并运行 Web 应用程序。 然后,Visual Web 开发人员启动浏览器并打开应用程序的主页。 请注意,浏览器的地址栏显示 localhost ,而不是类似 example.com。 这是因为 localhost 始终指向自己的本地计算机,在本例中运行刚刚生成的应用程序。 当 Visual Web Developer 运行 Web 项目时,将随机端口用于 Web 服务器。 在下图中,随机端口号为 43246。 运行应用程序时,可能会看到不同的端口号。

Visual Web 开发人员启动浏览器并打开应用程序主页的屏幕截图。

在此默认模板的开箱即用后,可让你访问两个页面和一个基本登录页。 下一步是更改此应用程序的工作原理,并在此过程中了解 ASP.NET MVC。 关闭浏览器,让我们更改一些代码。