ASP.NET MVC 3 简介 (C#)

作者 :Rick Anderson

注意

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

本教程将介绍使用 Microsoft Visual Web Developer 2010 Express Service Pack 1(Microsoft Visual Studio 的免费版本)构建 ASP.NET MVC Web 应用程序的基础知识。 在开始之前,请确保已安装下面列出的先决条件。 可以通过单击以下链接安装所有这些应用程序: 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 是 IDE 或集成开发环境。 就像使用 Microsoft Word 编写文档,你将使用 IDE 来创建应用程序。 在 Visual Web Developer 中,顶部有一个工具栏,其中显示了各种可用选项。 还有一个菜单,它提供了另一种在 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 Developer 会启动浏览器并打开应用程序的主页。 请注意,浏览器的地址栏显示 localhost ,而不是类似 example.com的内容。 这是因为 localhost 始终指向自己的本地计算机,在本例中,该计算机运行刚生成的应用程序。 当 Visual Web Developer 运行 Web 项目时,Web 服务器将使用随机端口。 在下图中,随机端口号为 43246。 运行应用程序时,可能会看到不同的端口号。

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

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