本教程已经支持Visual Studio 2013。新的课程使用了MVC5,比现在的教材有了更多的改善。
本教材教你使用 或者Visual Web Developer 2010 Express Service Pack 1来构建基本的MVC4 web应用程序。建议使用Visual Studio 2012,使用Visual Studio 2012来完成该课程,你就不需要安装任何插件。如果你使用Visual Studio 2010,你必须安装下面的一些组件:
如果你使用Visual Studio 2010 而不是Visual Web Developer 2010,则只需要安装 课程的源代码下载:。
本教程的源码你可以直接使用VS运行。也可以部署到服务器上。微软提供免费的云主机可以部署10个网站。.本教程也会讲解如何使用实体框架和代码优先的方式来把你的数据库迁移到微软云数据库中。
你将会构造什么:
下面会通过一个简单的电影列表程序来展现如何新增,修改,从数据库中查询列表。下面两个截屏就是你要构建的应用程序。包括一个页面来展示从数据库中查询出来的列表。
该应用程序也展示如何修改和删除电影信息,和各自的详细信息。所有的数据输入场景包含了数据的验证以确保正确的存储到数据库中。
下面我们就开始啦:
打开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来完成该课程。起始页选择New Project。
Visual Studio是一个集成开发环境,就像你使用微软的word来写文档,你将使用这个开发环境来创建应用程序。Visual Studio开发环境顶端有一个独立的工具栏来提供各种有用的选项。还有一个菜单列来提供另一种方式来实现功能。(比如:通过选择File > New Project 来替代从起始页点击New Project创建应用程序。)。
创建你的第一个应用程序:
你可以选择VB或C#作为开发语言来创建应用程序。在左侧点击Visual C# 然后选择 ASP.NET MVC 4 Web Application。然后给项目命名为:"MvcMovie",最后点击OK。
在New ASP.NET MVC 4 Project弹出框中,选择 Internet Application,保持 Razor作为默认的视图引擎。
点击 OK。
VS会使用一个你刚才选中的模版作为默认项目模版来创建工程,所有现在你可以不用做任何事情就能够运行该程序。这就是一个简单的 "Hello World!"项目。这是一个很好的开端。
打开 Debug菜单选中Start Debugging.
现在你就可以按下键盘上的快捷键F5来运行你的应用程序。
F5打开IIS Express并且运行你的项目。Visual Studio就会启动浏览器来打开项目的主页。注意浏览器的地址栏:显示的是 localhost
而不是像example.com这样。这是因为localhost永远指向你自己的电脑。当Visual Studio运行一个web项目的时候,在服务端会使用一个随机的端口。如下图,端口是41788。当你真正运行一个应用程序的时候你会看到不一样的端口。
默认的模版包括主页,关于,联系三个页面。并且提供注册和登录。连接到Facebook 和Twitter。下节课就会让你了解应用程序是如何运行的,学习一些ASP.NET MVC知识。关闭浏览器,让我们做一些修改。(见下章)