《asp_net_mvc3中文版教程》由会员分享，可在线阅读，更多相关《asp_net_mvc3中文版教程（67页珍藏版）》请在金锄头文库上搜索。
1、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,并且在起始页(start page)中选择“新建项目”。Vis
2、ual Web Developer 是一个集成开发环境，你可以使用它来进行各种应用程序的开发。在 Visual Web Developer 的菜单的下面有一个工具条，可以直接点击工具条中的各个工具按钮来进行各种操作，也可以直接点击菜单中的各个菜单项来进行各种操作，此处我们点击“文件”菜单中的“新建项目”菜单项。图 1-1 Visual Web Developer 2010 Express 中的起始页1.3 创建你的第一个应用程序 你可以使用 Visual Basic 或 Visual C#作为开发语言来创建应用程序。在本教程中，选择 C#来作为开发语言。点击“新建项目”菜单项后，在打开的“新建
3、项目”对话框中，双击左边的“Visual C#”使其成为展开状态，然后点击“Web”，点击右边的“ASP.NET MVC 3 Web 应用程序”，然后在下方的名称文本框中填入应用程序的名称，在本教程中命名为“MvcMovie”,然后点击确定按钮。 图 1-2 在新建项目对话框中选择 ASP.NET MVC3 应用程序并为应用程序命名在接下来打开的“新 ASP.NET MVC 3 项目”对话框中，点击选中“Internet 应用程序”，在“视图引擎”下拉框中保持默认的“Razor”选项不作修改（Razor 视图是ASP.NET MVC3 种新增的一种十分重要的视图类型，使用它可以使得 Web 应
4、用程序的开发变得更加方便快捷，在后文中将对此进行详细介绍）。图 1-3 选择项目模板与视图引擎 点击确定按钮，Visual Web Developer 会为你所创建的 ASP.NET MVC 项目提供一个默认模板，这样的话你就拥有了一个可以立刻运行的应用程序。默认的模板中提供的是一个很简单的显示“欢迎使用 ASP.NET MVC!”文字的应用程序，你可以以此作为你的开发起点。图 1-4 Visual Web Developer 提供了一个默认的应用程序模板点击“调试”菜单中的“启动调试”菜单项（该菜单项的快捷键为 F5），Visual Web Developer 将启动一个内置的服务器，并且在
5、该服务器中打开当前 Web 应用程序的主页，如图 1-5 所示。图 1-5 ASP.NET MVC3 的默认应用程序模板的调试画面 请注意该页面在浏览器中的地址为“http:/localhost:4423/”。其中“localhost”代表了本机上你刚刚创建的 Web 应用程序的临时网站地址，4423 代表了 Visual Web Developer 使用的一个随机端口，每次调试的时候，Visual Web Developer 都会使用这个端口来作为内置服务器的端口号。在各计算机上，该端口号都是不相同的，因为该端口号是 Visual Web Developer 随机选择的。在这个模板应用程序的
6、页面的右上角，提供了两个按钮与一个“登录”链接，点击“登录”链接，页面跳转到登录页面，点击“主页”按钮，页面返回到主页，点击“关于”按钮，页面跳转到“关于”页面。接下来，让我们开始逐步将这个默认的应用程序修改为我们所要的应用程序，在这个过程中逐步了解 ASP.NET MVC 3 的有关知识。首先，让我们关闭浏览器并开始代码的修改工作。第二节 添加一个控制器MVC 的全称为 model-view-controller(模型-视图-控制器)。MVC 是一种开发应用程序的模式，这个模式已经具有了很好的框架架构，并且十分容易维护。使用 MVC 开发出来的应用程序一般包括以下几块内容： 控制器(Cont
7、roller)：控制器类处理客户端向 Web 应用程序发出的请求，获取数据，并指定返回给客户端，用来显示处理结果的视图。 模型（Model）：模型类代表了应用程序的数据，这些数据通常具有一个数据验证逻辑，用来使得这些数据必须符合业务逻辑。 视图（View）:视图类是 Web 应用程序中用来生成并显示 HTML 格式的服务器端对客户端请求的响应结果的模板文件。在本教程中，将全面介绍这些概念，并且向你展示如何利用它们来搭建一个应用程序。首先，让我们来创建一个控制器(controller)类。在解决方案资源管理器中，鼠标右击 Controllers 文件夹，并且点击添加-控制器，如图 2-1 所示。
8、图 2-1 添加控制器在弹出的“添加控制器”对话框中,将控制器命名为“HelloWorldController”,然后点击添加按钮，如图 2-2 所示。图 2-2 命名控制器观察解决方案资源管理器中新增加了一个文件，名字为 HelloWorldController.cs，并且该文件呈打开状态，如图 2-3 所示。图 2-3 控制器代码修改打开的 HelloWorldController.cs 文件，在 HelloWorldController 类中，创建如代码清单 2-1 中所示的两个方法，控制器将返回一个 HTML 格式的字符串。代码 2-1 控制器中创建方法public class Hel
9、loWorldController : Controller/ GET: /HelloWorld/ public string Index()return 这是我的默认action.;/ GET: /HelloWorld/Welcome/public string WelCome()return 这是我的 Welcome 方法.;在这个修改后的 HelloWorldController 控制器中，第一个方法名为 Index。现在让我们从浏览器中调用该方法。运行应用程序（按 F5 键或 Ctrl+F5 键）,在打开的浏览器中的地址栏后面，添加“HelloWorld”路径（譬如，在我的计算机上，浏
10、览器中地址为http:/localhost:4423/HelloWorld），画面显示如图 2-4 所示。由于在 Index 方法中，直接返回了一个 HTML 格式的字符串，所以在浏览器中将该字符串显示出来。 图 2-4 HelloWorldController 控制器中 Index 方法的运行结果在 ASP.NET MVC 中，可以根据浏览器中的输入地址来调用不同的控制器或控制七种不同的方法。ASP.NET MVC 的默认的映射逻辑使用如下所示的格式来决定应该调用什么控制器或控制器中的什么方法。/Controller/ActionName/ParametersURL 地址的第一部分决定调用哪
11、个控制器类，所以“/HelloWorld”映射到HelloWorldController 控制器类。第二部分决定调用控制器中的哪个方法。所以“/HelloWorld/Index”将会调用 HelloWorldController 控制器类的 Index 方法。由于Index 方法是控制器类的默认方法（可以另外指定控制器类的默认方法），所以也可只输入“/HelloWorld”来调用该方法。在浏览器的地址栏中，输入“http:/localhost:xxxx/HelloWorld/Welcome”，将会调用 HelloWorldController 控制器类的 Welcome 方法，该方法返回“这是
12、我的 Welcome 方法.”文字，所以浏览器中显示该文字，如图 2-5 所示。图 2-5 HelloWorldController 控制器中 Welcome 方法的运行结果接下来，让我们修改 Welcome 方法，以便在 URL 地址栏中可以传递一些参数给该方法（例如：/HelloWorld/Welcome?name=Scott&numtimes=4)。修改后的代码如下所示。注意这里我们使用了 C#的可选参数，当 URL 地址中没有使用 numtimes 参数时，该参数被默认设定为 1。public string Welcome(string name, int numTimes=1)ret
13、urn HttpUtility.HtmlEncode(Hello + name + ,NumTimes is: + numTimes);运行该应用程序，在浏览器中输入“http:/localhost:xxxx/HelloWorld/Welcome? name=Scott&numtimes=4”，运行结果显示如图 2-6 所示。浏览器自动将 URL 地址栏中的参数映射成 Welcome 方法中的传入参数。图 2-6 在 Welcome 方法中使用参数到现在为止，我们展示了 MVC 中的“VC”（视图与控制器）部分的工作机制，控制器返回 HTML 字符串。很显然大多数情况下你不想让控制器直接返回
14、HTML 字符串，因为那样的话编码起来就太麻烦了。所以我们需要使用不同的视图模板文件来帮助生成 HTML 格式的页面文件，在下一节中让我们来看一下如何在 ASP.NET MVC3 中使用视图。第三节 添加一个视图3.1 添加一个视图在本节中我们修改 HelloWorldController 类，以便使用视图来向客户端展示 HTML 格式的响应结果。我们使用 ASP.NET MVC3 中新增的 Razor 视图引擎来创建视图。Razor 视图模板文件的后缀名为.cshtml,它提供了一种简洁的方式来创建 HTML 输出流。Razor 视图大大减少了在书写视图模板文件时所需要输入的字符，提供了一个
15、最快捷，最简便的编码方式。这里，我们在 HelloWorldController 类的 Index 方法中添加使用一个视图。在修改前的 Index 方法中返回一个字符串，我们修改这个方法来使它返回一个视图，代码如下所示。public ActionResult Index()return View();这段代码表示 Index 方法使用一个视图模板来在浏览器中生成 HTML 格式的页面文件。接着，让我们来添加一个 Index 方法所使用的视图模板。在 Index 方法中点击鼠标右键，然后点击“添加视图”，将会弹出一个“添加视图”对话框。 图 3-1 添加视图图 3-2 添加视图对话框在该对话框中
16、，不做任何修改，直接点击添加按钮，观察解决方案资源管理器中，在MvcMovie 项目下的 Views 文件夹下创建了一个 HelloWorld 文件夹，并且在该文件夹中创建了一个 Index.cshtml 文件，同时该文件呈打开状态，如图 3-3 所示。图 3-3 视图模板文件被创建并呈打开状态让我们在该文件中追加一些文字，代码如代码清单 3-1 所示。代码 3-1 Index.cshtml 视图模板文件ViewBag.Title = 首页;首页这是我的第一个视图模板运行应用程序，输入地址“http:/localhost:xxxx/HelloWorld”。由于在 Index 方法中并没有做任何事情，只是简单地一行代码“return View()”,该行代码表示我们使用一个视图模板文件来在浏览器中展示响应结果。因为我们并没有显式指定使用哪个视图模板文件，所以使用了默认的 Views 文件
