一:MVC5初始

1:广义MVC(Model--View-Controller):

V是界面 ;

M是数据和逻辑 ;

C是控制,把M和V链接起来;

是程序设计模式,一种设计理念,可以有效的分离界面和业务

2:狭义MVC,是web开发框架

V--Views 用户看到的视图内容

C---Controllers 决定用户使用哪个视图Action,还能调用逻辑计算

M--Models 数据传递模型,普通的实体

二:visual   Studio种新建MVC

1:右键新建项目


2:选择web中的Asp.net web应用程序


3:这个时候你可以选择空的mvc,但是一定要勾mvc,此时会生成一个空的mvc;此外你也可以选择mvc项目,这个下面的复选框或默认勾选上,这个会生成一个初始化的mvc项目,一些controll和view等都会默认生成,是直接可以预览的。具体你选择哪种方式可以依据自己的爱好而定。


或者如下:


此时mvc项目已经创建成功了,新建的mvc项目结构如下:


三:MVC项目预览

新创建的mvc项目会有一个默认配置,即浏览的时候:只需要controller的名字+view的名字即可,如下图:


1:为什么有这样的规则,这是取决于默认路由的,即为:


打开这个源码我们能看到有一个默认配置:


这里面如果都不输入则会默认走:Home/Index这个页面

2:如果我们项目中有需要配置url的地址,是不是只需要在这里修改,答案是正确的。我们举几个例子:



1 public classRouteConfig2 {3 public static voidRegisterRoutes(RouteCollection routes)4 {5 routes.IgnoreRoute("{resource}.axd/{*pathInfo}");6 //忽略路由 正则表达式 {resource}表示变量 a.axd/xxxx resource=a pathInfo=xxxx7 //.axd是历史原因,最开始都是webform,请求都是.aspx后缀,IIS根据后缀转发请求;MVC出现了,没有后缀,IIS6以及更早版本,打了个补丁,把mvc的请求加上个.axd的后缀,然后这种都转发到网站----新版本的IIS已经不需要了,遇到了就直接忽略,还是走原始流程

8 routes.IgnoreRoute("CustomService/{*pathInfo}");//以CustomService开头,都不走路由

9

10 routes.MapRoute(11 name: "About",12 url: "About",13 defaults: new { controller = "Home", action = "About", id =UrlParameter.Optional }14 );//固定路由,/Home/About----About

15

16 routes.MapRoute(17 name: "Test",18 url: "Test/{action}/{id}",19 defaults: new { controller = "Second", action = "Index", id =UrlParameter.Optional }20 );//修改控制器,如果以Test开头的,则一定指的是Second控制器

21

22 routes.MapRoute(23 name: "Regex",24 url: "{controller}/{action}_{year}_{month}_{day}",25 defaults: new { controller = "Second", action = "Index", id =UrlParameter.Optional },26 constraints: new { year = @"d{4}", month = @"d{2}", day = @"d{2}"}27 ); //正则匹配,默认控制器是Second,action是Index;year,month,day必须按照一定的正则方式去匹配,如果匹配不上,则直接找不到!28

29 //常规路由,一般来说,我们不怎么扩展这个路由

30 routes.MapRoute(31 name: "Default",//路由名称,RouteCollection是key-value,key 避免重复

32 url: "{controller}/{action}/{id}",//正则规则:两个斜线 3个变量

33 defaults: new { controller = "Home", action = "Index", id =UrlParameter.Optional }34 );35

36 }37 }

View Code

注意:路由是按照注册顺序进行匹配,遇到第一个吻合的就结束匹配;每个请求只会被一个路由匹配上

四:controller与view之间传值,目前通用的有四种方式



1 private List _UserList = new List()2 {3 newCurrentUser()4 {5 Id=1,6 Name="青青",7 Account="Administrator",8 Email="331803047@qq.com",9 LoginTime=DateTime.Now,10 Password="123456"

11 },12 newCurrentUser()13 {14 Id=2,15 Name="琪琪",16 Account="Administrator",17 Email="331803047@qq.com",18 LoginTime=DateTime.Now,19 Password="123456"

20 },21 newCurrentUser()22 {23 Id=3,24 Name="可可",25 Account="Administrator",26 Email="331803047@qq.com",27 LoginTime=DateTime.Now,28 Password="123456"

29 },30 };31

32 //GET: First

33 ///

34 ///测试ViewData,ViewBag,TempData,model传值35 ///

36 ///

37 ///

38 public ActionResult Index(int id = 3)39 {40 CurrentUser currentUser = this._UserList.FirstOrDefault(u => u.Id ==id)41 ?? this._UserList[0];42

43 base.ViewData["CurrentUserViewData"] = this._UserList[0];44 base.ViewBag.CurrentUserViewBag = this._UserList[1];45

46 base.ViewData["TestProp"] = "cx";47 base.ViewBag.TestProp = "Tenk";48 base.TempData["TestProp"] = "Spider";//独立存储

49

50 base.TempData["CurrentUserTempData"] =currentUser;51

52 if (id == 1 || id == 2 || id == 3)53 {54 return View(this._UserList[2]); //model传值,主要适合复杂数据的传递,强类型

55 }56 else if (id < 10)57 {58 //同Action传值

59 return View("~/Views/First/Index2.cshtml");60 }61 else

62 {63 //跨Action

64 return base.RedirectToAction("TempDataShow");65 }66 }67 publicActionResult TempDataShow()68 {69 returnView();70 }

View Code

1:使用viewBag


查看定义后发现:这是个动态类型,可以传任何值,如:


然后页面直接调用:


因为是动态类型,所以使用的时候不需要强制转换,直接可以拿来使用,

2:使用viewData


查看定义这个是个字典类型,是通过键值对来传的,比如:


使用的时候,需要强制转换一下:


3:使用TempData


这个也是字典类型,是通过键值对来传递数据,但是通过点击会弹出:从一个请求保持到下一个请求的数据集,这就是跟viewBag和viewData的不同之处,这个是可以跨Action来传递的,即是不同的Action可以通过这个来传递,但是仅仅能使用一次,用完就会清除掉。

定义的同viewData:


使用的时候也需要强制转换一下:


4:model

因为view是继承于ViewResultBase的,所以可以通过Model来传至


Controller传值只需要在view中传递值即可,如:


前端接收是使用Model来接收的如下:


以上是四种传值方式,不过最通用的就是Model来传,如果想要一次性传到页面多个属性,可以使用一个新的类把所有的属性集成起来一起传。

注意:

1:viewData跟ViewBag如果是相同的属性,则会覆盖,以最后一个为主。


2:TempData--临时数据,可以跨action后台传递,存在session里面,用一次就清理掉

五:局部页就是webForm中用户页ascx页面。

1:创建局部页

右键添加视图即可如下:


这个出来的就是一个空的页面,也没有所谓的layout等,你可以在里面添加任何的代码。

2:页面上面如何使用局部页,有四种方式:


注意:

1:@Html.Partial与@{Htmt.RenderPartial()}

@Html.Partial用于将分部视图渲染为字符串

@{Html.RenderPartial}将分布视图直接写入响应输出流,所以只能直接放在代码块中,不能放在表达式中(返回值是void)

RenderPartial因为是直接写在响应流中,所以性能会更好(微量影响),而Partial不用写在代码块中,所以更方便

2:RenderPartial和RenderAction两者的相同点

通常都被用来显示一个功能相对独立的“块”,比如说显示菜单或者导航条。 两者输出的结果都被作为调用的View的一部分显示。

两者的不同点

RenderPatial的数据来自于调用的View,而RenderAction来自自己。

RenderAction会发起一个新的Request,而RenderPatial不会。

六:MVC的模板页

1:有时候我们需要我们项目的整体页面都保持统一的头部尾部格式,webForm中我们会使用mastpage,在mvc中我们要创建的是layout或者名字自己定义,具体创建跟view一样,只是模板页面会多一些属性,下面我只是截图来说明几个Razor的语法。


这个是新建mvc自带的,我们以这个为例来说明:

@Styles.Render("~/Content/css") 使用样式包

@Scripts.Render("~/bundles/modernizr") 使用js包

@RenderBody() 就是页面的结合点,以后所有的页面内容会全部放在这里

@RenderSection("scripts", required: false) :这个类似于一个占位符,其它页面可以使用@section scripts{},即里面写的js显示源码的时候会写到该指定的位置。

2:创建view使用模版页面,只需要在头部引用一下即可,如: