http://blog.sina.com.cn/s/blog_6ad539a90100qc9t.html
1.1 ASP.NET MVC3书店概述
ASP.NET MVC3书店是一个仅作为示例所用的虚拟网站(并非实际运行中的网站),通过该网站的建立来一步步介绍如何使用ASP.NET MVC与Visual Studio来进行Web网站及Web应用程序的开发。我们从最基础的知识开始介绍起,所以零经验的Web新手也可以看懂本教程中的内容。 我们将要建立的网站是一个最简单的Web书店,具有三个主要组成部分:挑选书籍、书款结算与订单管理。用户可以通过书籍的种类来挑选书籍,可以查看单个书 籍的信息并将该书籍存放入购物车中,可以查看购物车中的书籍,并从购物车中删除不想继续购买的书籍,已注册并且登录的用户可以进入结算页面进行书籍的帐款 结算。可以填入个人用户的收货地址,联系电话等收货信息。此外,我们还在该网站中提供后台管理页面,管理员可以赠删查改网站中的书籍信息。本教程从使用 Vsual Web Developer2010来创建一个新的ASP.NET MVC2的项目开始,然后逐步增加新的功能,直到建立完成一个完整的应用程序为止。我们将涉及到数据库访问、表单提交、数据验证、使用母版页来进行布局, 使用AJAX来进行页面更新及验证,用户登录等各方面内容。
你可以使用Visual Studio 2010或者Visual Web Developer 2010 Express来建立这个网站。该网站中使用的数据库为SQL Server Express。
1.2 新建项目
首先,我们点击Visual Web Developer中“文件”菜单下的“新建项目”子菜单,如图1-1所示。
图1-1 点击“新建项目”子菜单
点击“新建项目”子菜单后,弹出“新建项目”对话框。在该对话框中我们点击C#选项下的“Web”模板,然后在右边选择“ASP.NET MVC3 Web应用程序”,将我们的应用程序命名为MvcBookStore,如图1-2所示,然后点击确定按钮。
图1-2 新建ASP.NET MVC 3 Web应用程序
点击确定按钮后会弹出选择项目模板对话框,在该对话框中我们可以为我们的项目进行一些特定的MVC设定。在这里我们选择一个空模板,视图引擎中选择“Razor”选项,如图1-3所示,然后点击确定按钮。
图1-3 选择空模板与Razor视图引擎
点击确定按钮之后,我们的项目将会被自动创建,如图1-4所示。
图1-4 ASP.NET MVC3 Web项目被自动创建成功
接下来,让我们在右边的解决方案资源管理器中查看一下我们的应用程序中被加入了哪些文件夹,如图1-5所示。
图1-5 ASP.NET MVC3 Web项目中的基本文件夹
空白的MVC3模板并不代表什么工作都不做,事实上,它加入了一个最基本的文件夹结构。对于它们的具体说明如表1-1所示。
表1-1 ASP.NET MVC3 Web项目中基本文件夹的说明
文件夹 | 说明 |
Controllers | 存放用来响应浏览器中输入请求的控制器,控制器决定下一步进行什么工作,并把响应返回给用户。 |
Views | 存放视图模板文件,视图中显示与用户进行交互的用户界面。 |
Models | 存放用来映射数据的模型。 |
Content | 存放网站图片、CSS与其他静态内容。 |
Scripts | 存放JavaScript文件。 |
App_Data | 存放数据库文件。 |
即使在选择ASP.NET MVC3模板的时候选择了一个空白的模板,以上这些文件夹也会被自动创建出来。这是因为ASP.NET MVC framework默认使用一个“设置约定”,并且在文件夹命名约定的基础上进行一些假设。譬如,默认情况下,控制器会到Views文 件夹中去寻找视图模板文件,除非你在代码中显式指定视图模板文件的存放位置。保持这个默认的“设置约定”可以减少你需要书写的代码量,也可以提高你的整个 应用程序被其他开发者阅读时的可阅读性(或者说可理解性)。在后文中,随着整个应用程序的开发,我们将进一步对这些默认约定进行介绍。