Asp.Net MVC4入门指南（1）入门介绍

前言

本教程将为您讲解使用微软的Visual Studio Express 2012或Visual Web Developer 2010 Express Service Pack 1 来创建一个ASP.NET MVC4 Web应用程序所须要的基础知识。建议您使用Visual Studio 2012，你将再也不须要安装任何组件，来完成此教程。若是您使用的是Visual Studio 2010，您必须安装下面的组件。您能够经过点击下面的连接，来安装所需的全部组件：

• Visual Studio Web Developer Express SP1 prerequisites

• WPI installer for ASP.NET MVC 4

• LocalDB

• SSDT

若是您使用的是Visual Studio 2010而不是Visual Web Developer 2010，须要安装WPI installer for ASP.NET MVC 4 和 Visual Studio 2010 prerequisites

本文的C#示例源代码，是一个 Visual Web Developer Project： 下载本文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 Basic 或 C# 做为编程语言来建立您的应用程序。请在左侧选择 Visual C#，而后选择ASP.NET MVC 4 Web 应用程序。命名您的工程为"MvcMovie"，而后单击肯定.

在新的 ASP.NET MVC 4 项目对话框中，选择互联网应用程序。使用Razor做为默认视图引擎。

单击肯定。Visual Studio 刚刚建立的 ASP.NET MVC 项目使用了默认的模板，因此在当前的工程中您不须要作任何事情！这是一个简单的"Hello World ！"工程，而且这也是您开始“MvcMovie”工程的好地方。

从调试菜单中，选择启动调试.

请注意您也能够使用键盘的快捷键F5来启动调试。

F5使Visual Studio启动IIS Express并运行Web应用程序。而后Visual Studio会启动浏览器并打开应用程序的主页面。请注意，在浏览器的地址栏中会显示 localhost 而不是像example.com 这样的地址。这是由于 localhost老是会被解析为您本身的本地计算机，在这种状况下，这正是您你刚刚创建的应用程序。当Visual Studio运行一个Web工程时，会使用一个随机端口的Web服务。在下面的图片中，端口号是41788。当您运行该应用程序时，您可能会看到一个不一样的端口号。

在默认模板页面的右边，为您提供了“主页(Home)”, “关于(About)”和“联系(Contact)”页面。它还提供了注册和登陆功能，并提供了Facebook和Twitter的连接。接下来的一步是修改此默认应用程序，并了解一些关于ASP.NET MVC的知识。关闭浏览器，让咱们修改一些源代码吧。

MVC 开发工具：

在学习和使用MVC进行开发时，还能够利用一些开发工具，很大程度上减轻代码量。好比ComponentOne Studio ASP.NET MVC ，这是一款轻量级的控件，不只和Visual Studio无缝集成，还能彻底与MVC6和ASP.NET 5.0兼容。这一工具得益于MVC测试驱动开发、及最新的移动设备和浏览器上的专业化设计，所以，不管是桌面仍是移动设备，都能建立触控优先的现代化解决方案。

译者注：

本系列共9篇文章，翻译自Asp.Net MVC4 官方教程，因为本系列文章言简意赅，篇幅适中，从一个示例开始讲解，全文最终完成了一个管理影片的小系统，很是适合新手入门Asp.Net MVC4，并由此开始开发工做。9篇文章为：

1. Asp.Net MVC4 入门介绍

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/intro-to-aspnet-mvc-4

・ 译文地址：http://powertoolsteam.blog.51cto.com/2369428/1047018

2. 添加一个控制器

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-controller

・ 译文地址：

3. 添加一个视图

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-view

・ 译文地址：

4. 添加一个模型

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-model

・ 译文地址：http://powertoolsteam.blog.51cto.com/2369428/1091907

5. 从控制器访问数据模型

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/accessing-your-models-data-from-a-controller

・ 译文地址：http://powertoolsteam.blog.51cto.com/2369428/1114401

6. 验证编辑方法和编辑视图

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-edit-methods-and-edit-view

・ 译文地址：http://powertoolsteam.blog.51cto.com/2369428/1125390

7. 给电影表和模型添加新字段

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-new-field-to-the-movie-model-and-table

・ 译文地址：http://powertoolsteam.blog.51cto.com/2369428/1140334

8. 给数据模型添加校验器

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-validation-to-the-model

・ 译文地址：http://powertoolsteam.blog.51cto.com/2369428/1147449

9. 查询详细信息和删除记录

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-details-and-delete-methods

・ 译文地址：http://powertoolsteam.blog.51cto.com/2369428/1149311

 

10.第三方控件Studio for ASP.NET Wijmo MVC4 工具应用

・ 地址：http://powertoolsteam.blog.51cto.com/2369428/1196469