ASP.NET MVC系列:添加视图
虽然在上一篇文章中我们知道通过控制器可以在浏览器输出HTML页面,但是这不是控制器主要干的事,因为页面上我为还要做很多好看的特效,页面展示的事情当然交给视图来做了;下面我们就来看看如何添加一个视图
添加视图
只需要在Index方法中右击,选择 "添加视图"菜单项,然后再添加视图窗口中,你不需要做任何修改,直接点击“添加”,就可以看到VS自动为我们生成了Index视图(你可以在解决方案中的Views文件夹下找到它Index.cshtml,他就藏在HelloWorld文件夹下)
修改视图和布局
像下面那样我们可以为视图编辑HTML代码,然后通过F5运行后输入/HelloWorld或者是在Index.cshtml视图的右键菜单中点击"查看视图"菜单(快捷键是Ctrl+K,Ctrl+G)
在解决方案中的Views/Shared/目录下找到_Layout.cshtml文件,你会发现它和ASP.NET中的母版页很像;在_Layout.cshtml中我们看到有个@RenderBody,它是个占位符,用来标记使用这个布局的视图将渲染他们的主要内容的位置,简单的说就是生成页面的时候将你的视图把它替换掉
你可以随意的编辑布局(_Layout.cshtml)
看看我们的Home页面上是不是多了个东西
通过控制器向视图传递数据
回到之前的HelloWorldController控制器,我们为Index方法添加如下代码,然后编辑Index的视图页面,运行之后可以在页面中看到控制器传递到视图的数据
public ActionResult Index(int times) { ViewBag.Message = "电影"; ViewBag.Times = times; return View(); }
MVC通过这种方式,将后台业务和数据显示隔离,视图不参与业务代码,关注点分离,不但代码层次清晰而且开发、维护起来更方便。
http://www.asp.net/mvc/overview/older-versions/getting-started-with-aspnet-mvc4/adding-a-view