ASP.NET MVC3 快速入门-第一节 概述(转)

1.1 本教程的学习内容


在本教程中,你将学会如下内容:



  • 如何创建一个ASP.NET MVC的工程。
  • 如何创建ASP.NET MVC的控制器(controller)与视图(view)。
  • 如何使用Entity Framework code-first
    范例来创建一个新的数据库。
  • 如何获取和显示数据。
  • 如何编辑数据并且进行数据的有效性验证。


1.2 创建工程


如果要创建一个ASP.NET MVC3的工程时,首先运行Visual Web Developer 2010
Express(本教程中简称“Visual Web Developer”),并且在起始页(start page)中选择“新建项目”。
Visual Web
Developer是一个集成开发环境,你可以使用它来进行各种应用程序的开发。在Visual Web
Developer的菜单的下面有一个工具条,可以直接点击工具条中的各个工具按钮来进行各种操作,也可以直接点击菜单中的各个菜单项来进行各种操作,此处我们点击“文件”菜单中的“新建项目”菜单项。


MVC3 快速入门-第一节 概述" src="http://s7.sinaimg.cn/bmiddle/6ad539a9n9cf2949cd5a6&690">


图1-1 Visual Web Developer 2010
Express中的起始页



1.3 创建你的第一个应用程序


你可以使用Visual Basic 或Visual
C#作为开发语言来创建应用程序。在本教程中,选择C#来作为开发语言。点击“新建项目”菜单项后,在打开的“新建项目”对话框中,双击左边的“Visual
C#”使其成为展开状态,然后点击“Web”,点击右边的“ASP.NET MVC 3 Web
应用程序”,然后在下方的名称文本框中填入应用程序的名称,在本教程中命名为“MvcMovie”,然后点击确定按钮。



MVC3 快速入门-第一节 概述" alt="ASP.NET MVC3 快速入门-第一节 概述" src="http://s11.sinaimg.cn/bmiddle/6ad539a9n9cf2aec4266a&690" real_src="http://s11.sinaimg.cn/bmiddle/6ad539a9n9cf2aec4266a&690">


1-2 在新建项目对话框中选择ASP.NET MVC3应用程序并为应用程序命名



在接下来打开的“新ASP.NET MVC 3 项目”对话框中,点击选中“Internet
应用程序”,在“视图引擎”下拉框中保持默认的“Razor”选项不作修改(Razor视图是ASP.NET
MVC3种新增的一种十分重要的视图类型,使用它可以使得Web应用程序的开发变得更加方便快捷,在后文中将对此进行详细介绍)。


MVC3 快速入门-第一节 概述" alt="ASP.NET MVC3 快速入门-第一节 概述" src="http://s14.sinaimg.cn/bmiddle/6ad539a9n9cf2b963856d&690" real_src="http://s14.sinaimg.cn/bmiddle/6ad539a9n9cf2b963856d&690">


1-3 选择项目模板与视图引擎


点击确定按钮,Visual Web Developer会为你所创建的ASP.NET
MVC项目提供一个默认模板,这样的话你就拥有了一个可以立刻运行的应用程序。默认的模板中提供的是一个很简单的显示“欢迎使用 ASP.NET
MVC!”文字的应用程序,你可以以此作为你的开发起点。


MVC3 快速入门-第一节 概述" src="http://s8.sinaimg.cn/bmiddle/6ad539a9n9cf2c15f90c7&690" real_src="http://s8.sinaimg.cn/bmiddle/6ad539a9n9cf2c15f90c7&690">


图1-4 Visual Web Developer提供了一个默认的应用程序模板


点击“调试”菜单中的“启动调试”菜单项(该菜单项的快捷键为F5),Visual Web
Developer将启动一个内置的服务器,并且在该服务器中打开当前Web应用程序的主页,如图1-5所示。
MVC3 快速入门-第一节 概述" alt="ASP.NET MVC3 快速入门-第一节 概述" src="http://s5.sinaimg.cn/bmiddle/6ad539a9n9cf2c64e5f74&690" real_src="http://s5.sinaimg.cn/bmiddle/6ad539a9n9cf2c64e5f74&690">


图1-5 ASP.NET MVC3的默认应用程序模板的调试画面


请注意该页面在浏览器中的地址为“http://localhost:4423/”。其中“localhost”代表了本机上你刚刚创建的Web应用程序的临时网站地址,4423代表了Visual
Web Developer使用的一个随机端口,每次调试的时候,Visual Web
Developer都会使用这个端口来作为内置服务器的端口号。在各计算机上,该端口号都是不相同的,因为该端口号是Visual Web
Developer随机选择的。

在这个模板应用程序的页面的右上角,提供了两个按钮与一个“登录”链接,点击“登录”链接,页面跳转到登录页面,点击“主页”按钮,页面返回到主页,点击“关于”按钮,页面跳转到“关于”页面。

接下来,让我们开始逐步将这个默认的应用程序修改为我们所要的应用程序,在这个过程中逐步了解ASP.NET MVC
3的有关知识。首先,让我们关闭浏览器并开始代码的修改工作。
posted @ 2011-06-11 16:07  董雨  阅读(193)  评论(0编辑  收藏  举报