通过

ASP.NET MVC 4 简介

  • 项目

作者 ：Rick Anderson

此处使用 Visual Studio 2013 提供了本教程的更新版本。 新教程使用 ASP.NET MVC 5，这比本教程提供了许多改进。

本教程将介绍使用 Microsoft Visual Studio Express 2012 或 Visual Web Developer 2010 Express Service Pack 1 生成 ASP.NET MVC 4 Web 应用程序的基础知识。 建议使用 Visual Studio 2012，无需安装任何内容即可完成本教程。 如果使用 Visual Studio 2010，则必须安装以下组件。 可以通过单击以下链接来安装所有这些内容：

如果使用 Visual Studio 2010 而不是 Visual Web Developer 2010，请安装 适用于 ASP.NET MVC 4 的 WPI 安装程序 和 Visual Studio 2010 先决条件

本主题随附了一个包含 C# 源代码的 Visual Web 开发人员项目。 下载 C# 版本。

本教程在 Visual Studio 中运行应用程序。 还可以通过将应用程序部署到托管提供商，使应用程序通过 Internet 可用。 Microsoft 在 一个免费的 Windows Azure 试用帐户中为最多 10 个网站提供免费 Web 托管。 有关如何将 Visual Studio Web 项目部署到 Windows Azure 网站的信息，请参阅使用 Visual Studio 创建和部署 ASP.NET 网站和SQL 数据库。 本教程还演示如何使用Entity Framework Code First 迁移将SQL Server数据库部署到以前SQL Azure) 的 Windows Azure SQL 数据库 (。

本教程由 Rick Anderson ( @RickAndMSFT ) 编写。

所需操作

注意

如果本教程使用 Visual Studio 2013在此处提供，则为更新的版本。 新教程使用 ASP.NET MVC 5，这比本教程提供了许多改进。

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

显示 M V C 电影应用搜索索引页的屏幕截图。在标题搜索栏中输入 Ghost。

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

显示“M V C 电影”应用“编辑”页的屏幕截图。突出显示了两个文本字段“发布日期”和“价格”，提示用户输入正确的值。

入门

首先运行 Visual Studio Express 2012 或 Visual Web Developer 2010 Express。 本系列中的大多数屏幕截图都使用 Visual Studio Express 2012，但可以使用 Visual Studio 2010/SP1、Visual Studio 2012 Visual Studio Express 2012 或 Visual Web Developer 2010 Express 完成本教程。 从“开始”页中选择“新建项目”。

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

显示“Visual Studio Express开始”页的屏幕截图。突出显示了“新建项目”选项。

创建第一个应用程序

可以使用 Visual Basic 或 Visual C# 作为编程语言创建应用程序。 选择左侧的“Visual C#”，然后选择 “ASP.NET MVC 4 Web 应用程序”。 将项目命名为“MvcMovie”，然后单击“ 确定”。

显示“新建项目”窗口的屏幕截图。选择 S P 点 NET M V C 4 Web 应用程序。

在 “新建 ASP.NET MVC 4 项目 ”对话框中，选择“ Internet 应用程序”。 将 Razor 保留为默认视图引擎。

显示“新建 A S P 点 NET M V C 4 项目”窗口的屏幕截图。已选择 Internet 应用程序模板。

单击 “确定” 。 Visual Studio 为刚创建的 ASP.NET MVC 项目使用了默认模板，因此你现在有了一个正常运行的应用程序，无需执行任何操作！ 这是一个简单的“Hello World！”项目，是启动应用程序的好地方。

显示已打开的 A S P 点 NET M V C 项目主控制器 c s 和解决方案资源管理器选项卡的屏幕截图。

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

显示“A S P 点 NET M V C 项目调试”下拉菜单的屏幕截图。已选择“开始调试”选项。

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

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

显示 M V C 电影主页的屏幕截图。

此默认模板开箱即用，为你提供“主页”、“联系人”和“关于”页面。 它还支持注册和登录，以及指向Facebook和 Twitter 的链接。 下一步是更改此应用程序的工作方式，并了解 ASP.NET MVC。 关闭浏览器，然后更改一些代码。

下一页