您的位置:首页 > 编程语言 > ASP

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

2011-06-11 16:07 387 查看

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的有关知识。首先,让我们关闭浏览器并开始代码的修改工作。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: