了解了什么是MVC之后,接下来用一个非常简单的留言板程序概要的了解MVC网站开发的过程,对MVC开发有个大致的轮廓。第一个项目将不会提到过多与数据库相关的技术,因此将以Framework Code First开发技术进行数据访问,核心在于体验MVC开发的过程。
2.1利用ASP.NET MVC4项目模板创建项目
开启Visual Studio2012,选择“文件”→“项目”的菜单命令
在打开的“新建项目”对话框中展开web→“ASP.NET MVC4 Web 应用程序”,修改一下名称为“MvcGuestbook” 如图所示:
点击确定后,会先弹出项目模板选择,询问你要使用哪个项目模板。选择“Internet应用程序”,其他默认即可,最后单击确定按钮,如图所示:
这个MVC项目就完全建好了,接下来“调试”→“启动调试”(或者按下F5)命令执行运行网站。
此网站具有非常基本的功能,包括简单的页面与会员机制,这些页面都套用主版页面(Layout Page),使用ASP.NET内建的Membership功能,可以进行会员注册、登陆、注销等。如图所示:
ASP.NETMVC4 项目模板再内建的会员机制,在网页第一次运行该会员机制相关的页面后,会在网站的APP_Date目录下自动创建默认的数据库文档(*.mdf、*.ldf),其文件命名规则会是“asp.net-项目名称-日期时间.mdf”。
项目创建完成后,会自动创建几个标准的目录结构与重要文档,如图所示:
MVC项目概要说明:
文件夹或文件 |
描述 |
注 |
/App_Data |
放置私有数据:XML文件、SQLite 、SQL Server数据库文件、或其它基本文件的存储(数据)库 |
IIS 不对此文件夹进行内容服务(Web无法请求到) |
/App_Start |
包含项目核心的配置设置:路由、过滤器及其它内容包(脚本样式捆绑包等) |
|
/bin |
存放MVC应用程序编译好的程序集,不在GAC(全局程序集缓存)中的引用程序集 |
IIS 不对此文件夹进行内容服务(Web无法请求到)。在项目中“显示所有文件”才能看到。编译生成的二进制文件,通常不应该把它们放在源控制中 |
/Content |
放置静态内容:CSS文件、图像等 |
约定,不是必须。 |
/Controllers |
放置控制器类 |
约定,控制器类是可以放在任何地方,或是在一个独立的项目中定义模型类 |
/Models |
放置视图模型或域模型类(简单项目)。 |
约定,一般用一个专用的项目定义域模型,此文件夹只放视图模型。 |
/Scripts |
存放JS库,JQuery和几个流行库 | 约定,可更改 |
/Views | 保存视图和分部视图,通常按关联的控制器进行命名文件夹 | /Views/Web.config阻止IIS对此目录内容进行服务,必须通过Action方法进行渲染 |
/Views/Shared | 保存布局、分享的视图(非专用的) | |
/Views/Web.config | 不是应用程序配置文件。含有全视图能够与ASP.NET进行工作、防止IIS调用视图所需要的配置,默认导入视图的命名空间 | |
/Global.asax | 全局ASP.NET应用程序类。后台代码类(Global.asax.cs)用于注册路由配置、建立涉及程序初始化、停机、出现未知异常情况时运行的代码。 | 同web Form中的Global.asax作用 |
/Web.config | 应用程序配置文件。 | 同web Form中的Web.config作用 |
2.2MVC中的约定
1.建议用户的约定:Scripts文件夹等
2.“约定优于配置”:不需要明确地配置控制器与其视图之间的关联,只要遵从命名约定就能正常工作,如:
(1)控制器类约定,必须以“Controller”结尾,类别继承于Controller基类,必须包含数个回传值为ActionResult的公开方法(动作Action);
(2)视图约定,视图及分部视图放在/Views/<控制器名>文件夹中(忽略结尾Controller);
(3)布局约定,以下划线(_)字符做为文件名前缀,且放在/Views/SHared文件夹中。除Empty项目模板外,VS会创建一个名为_Layout.cshtml的布局。默认情况下,会通过/Views/_ViewStart.cshtml文件将这个布局运用于所有视图。
2.3创建数据模型(Model)
在解决方案资源管理器中选择Model目录,单击鼠标右键,在弹出的快捷菜单中选择“添加”→“类”命令,如图所示:
其代码如下:
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 6 namespace MvcGuestbook.Models 7 { 8 public class Guestbook 9 { 10 public int Id { get; set; } 11 public string Name { get; set; } 12 public string Email { get; set; } 13 public string Content { get; set; } 14 } 15 16 }
之后生成一次解决方案,并确保没有任何问题。
2.4创建控制器、动作与视图
在解决方案资源管理器窗口选择Controller目录,单击鼠标右键,在弹出的快捷菜单中选择“添加”→“控制器”命令,并命名为“GuestbookController”
在基架选项区还有4个选项可以设置,在这里我们在模板下选择“包含读/写操作和视图的MVC控制器(使用Entity Framework)”选项,而在模型类中则选择我们新增的Guestbook模型类别
在“添加控制器”对话框的“基架选项”中还有个“数据上下文类”选项,由于我们尚未创建“数据上下文类”,但我们可以借此通过这个新增项目帮我们自动创建,因此可以选择“<新建数据上下文...>”选项,选择之后默认的名称,最后单击“添加按钮”完成控制器的添加,如图所示:
GuestbookController自动创建的代码:
1 namespace MvcGuestbook.Controllers 2 { 3 public class GuestbookController : Controller 4 { 5 private MvcGuestbookContext db = new MvcGuestbookContext(); 6 7 // 8 // GET: /Guestbook/ 9 10 public ActionResult Index() 11 { 12 return View(db.Guestbooks.ToList()); 13 } 14 15 // 16 // GET: /Guestbook/Details/5 17 18 public ActionResult Details(int id = 0) 19 { 20 Guestbook guestbook = db.Guestbooks.Find(id); 21 if (guestbook == null) 22 { 23 return HttpNotFound(); 24 } 25 return View(guestbook); 26 } 27 28 // 29 // GET: /Guestbook/Create 30 31 public ActionResult Create() 32 { 33 return View(); 34 } 35 36 // 37 // POST: /Guestbook/Create 38 39 [HttpPost] 40 [ValidateAntiForgeryToken] 41 public ActionResult Create(Guestbook guestbook) 42 { 43 if (ModelState.IsValid) 44 { 45 db.Guestbooks.Add(guestbook); 46 db.SaveChanges(); 47 return RedirectToAction("Index"); 48 } 49 50 return View(guestbook); 51 } 52 53 // 54 // GET: /Guestbook/Edit/5 55 56 public ActionResult Edit(int id = 0) 57 { 58 Guestbook guestbook = db.Guestbooks.Find(id); 59 if (guestbook == null) 60 { 61 return HttpNotFound(); 62 } 63 return View(guestbook); 64 } 65 66 // 67 // POST: /Guestbook/Edit/5 68 69 [HttpPost] 70 [ValidateAntiForgeryToken] 71 public ActionResult Edit(Guestbook guestbook) 72 { 73 if (ModelState.IsValid) 74 { 75 db.Entry(guestbook).State = EntityState.Modified; 76 db.SaveChanges(); 77 return RedirectToAction("Index"); 78 } 79 return View(guestbook); 80 } 81 82 // 83 // GET: /Guestbook/Delete/5 84 85 public ActionResult Delete(int id = 0) 86 { 87 Guestbook guestbook = db.Guestbooks.Find(id); 88 if (guestbook == null) 89 { 90 return HttpNotFound(); 91 } 92 return View(guestbook); 93 } 94 95 // 96 // POST: /Guestbook/Delete/5 97 98 [HttpPost, ActionName("Delete")] 99 [ValidateAntiForgeryToken] 100 public ActionResult DeleteConfirmed(int id) 101 { 102 Guestbook guestbook = db.Guestbooks.Find(id); 103 db.Guestbooks.Remove(guestbook); 104 db.SaveChanges(); 105 return RedirectToAction("Index"); 106 } 107 108 protected override void Dispose(bool disposing) 109 { 110 db.Dispose(); 111 base.Dispose(disposing); 112 } 113 } 114 }
此时,在Controllers目录新增了一个GuestbookController.cs。此外,由于我们在添加的时候选择了“包含读/写操作和视图的MVC控制器(使用Entity Framework)”模板,所以除了新增控制器外它连同所有的视图页面也全部一次创建完成。而在添加控制器的过程中新增了一个数据上下文类(DateContextClass),因此Model目录下多了一个MvcGuestbookContext.cs类文档,如图所示:
最后,这个项目已经完成,进行测试网页:
直接运行网站,启动调试,打开网页输入http://localhost:28039/Guestbook,按Enter键进入该页面。
如图所示,可以进行简单的增删改查:
至此,第一个MVC体验网站终于完整完成了,这个留言板还有许多要改进的地方。由于技术水平有限,可能不完全正确,仅供参考。