你的位置:首页 > ASP.net教程

[ASP.net教程]ASP.NET MVC 小牛之旅2:体验第一个MVC程序


了解了什么是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 

放置私有数据:

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体验网站终于完整完成了,这个留言板还有许多要改进的地方。由于技术水平有限,可能不完全正确,仅供参考。