ASP.NET MVC中的视图生成实例分析
本文实例分析了ASP.NET MVC中的视图生成过程。分享给大家供大家参考。具体如下：
在 ASP.NET MVC 中，我们将前端的呈现划分为三个独立的部分来实现，Controller 用来控制用户的操作，View 用来控制呈现的内容，Model 用来表示处理的数据。
从控制器到视图
通常，在 Controller 中，我们定义多个 Action ，每个 Action 的返回类型一般是 ActionResult，在 Action 处理的最后，我们返回对于视图的调用。
public ActionResult Index()
{
return this.View();
}
默认情况下，将会调用与 Action 同名的视图，比如，在上面的 Action 中，将会使用名为 Index 的视图。
如果我们传递了一个字符串参数，那么，这个字符串就回被视为视图的名称，例如，我们希望使用名为 IndexView 的视图进行呈现，那么，可以如下完成。
public ActionResult Index()
{
return this.View("IndexView");
}
布局与视图
MVC 会直接去找我们的视图吗？不会！
从 Action 返回之后，首先，MVC 会在 Views 文件夹下查看是否存在一个名为 _ViewStart.cshtml 的特殊文件，如果存在的话，就回执行这个文件。
默认情况下，这个文件的内容如下所示：
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
也就是说，它设置了我们的默认布局使用那一个文件文件。
布局等价于我们在 WebForm 中所使用的母版页。
如果没有这个文件，默认没有使用布局。
如果有了这个文件，而我们在页面中不想使用这个布局怎么办呢？很简单，在页面中设置 Layout = null 来覆盖掉它。
@{
Layout = null;
}
布局中的分区
在布局页面中，默认就回存在一个特殊的指令 @RenderBody()，这是说，你在内容页面中呈现的内容，将会在这里进行输出。这就是在使用布局之后，你会发现你的视图中已经没有了 <html> 标记的原因。
<body>
@RenderBody()
</body>
假如说，我们希望在布局中的多个位置进行输出，比如，样式表通常在 <head> 标记中，而现代的脚本则会出现在页面的最后，页面的内容当然出现在页面的主体中了。这样的话，我们在内容页面的实际内容，将会需要在布局的不同部分进行呈现，而不是在同一个位置进行呈现了。
解决的办法就是分区，实际上，类似于 WebForm 中的 ContentPlaceHolder ，定义一个命名的区域。
比如，下面我们定义了一个名为 scripts 的命名区域，第二个参数表示这个区域是可选的区域，在内容页面中可以不用提供内容。
<body>
@RenderBody()
@RenderSection("scripts", required: false)
</body>
而在我们的内容视图中，默认所有的内容都是填充到布局页面中的 RenderBody 部分。
如果不是的话，就可以在内容页面中，通过 @section 区域名称{ } 的方式来定义准备输出到对应区域中的内容了。
@section scripts{
<script type="text/javascript">
var i = 0;
</script>
}
分部视图
如果我们的页面比较复杂，在同一个视图中定义输出的内容会导致页面非常复杂，通过将页面划分为多个比较独立的组成部分，可以将一个复杂的页面拆分为多个子部分来呈现。比如页面的标题部分，页面的菜单，页面的脚注部分等等。在 WebForm 中，解决这个问题的技术称为用户控件，在 MVC 中由两个技术来解决：分部视图和子Action。
先看分部视图，分部视图不依赖于 Action ,只能嵌入到其他独立视图中使用，你可以直接在视图文件夹中创建分部视图。
在使用分部视图的页面中，使用 RenderPartial 方法调用分部视图。
Html.RenderPartial("ProductSummary");
分部视图与主视图共享所有的数据，比如模型，ViewData，ViewBag 等等，这些数据可以直接在分部视图中使用。
如果希望分部视图使用不同的模型对象，简化分部视图中的数据复杂度，也可以直接传递一个模型对象过去。
Html.RenderPartial("ProductSummary", p);
这里的第二个参数，将会在分部视图中当在模型对象来使用。
需要注意的是 RenderPartial 方法的返回类型是 void，它会将输出的内容直接输出到回应的输出流中。所以在使用上面语句的时候，不能直接嵌入到页面中，需要放在一个 @ { } 语句中，如下所示。
@{
Html.RenderPartial("ProductSummary", p);
}
如果你不喜欢这样的语法，而希望直接嵌入到页面中，也可以使用 Html.Partial 方法来呈现，区别是这个方法返回呈现的 Html 片段，而不是直接输出到输出流中。
@Html.Partial("ProductSummary", p)
子 Action 问题
由于分布视图没有处理能力，只能继承主页面的数据进行呈现，如果需要有处理能力，怎么办呢？在 WebForm 中，我们可以使用 Server.Execute 来嵌入其它处理程序的输出内容，在 MVC 中，我们使用子 Action 来处理。
子 Action 就是用户不能直接访问，只能在其他的 Action 中访问的 Action 方法，它与普通的 Action 一样，有 Action 方法，还有这个 Action 对应的视图。
我们使用特性 ChildActionOnly 来说明这是一个子 Action。
[ChildActionOnly]
public string Menu()
{
return "Hello, from NavController";
}
如果用户直接请求这个子 Action ，那么，系统会返回一个错误信息。
操作“menu”只能由子请求访问。
在其它视图中，可以使用 RenderAction 来访问子 Action，类似于 RenderPartial 方法，这个方法直接将内容输出到输出流中，由于它们的返回类型都是 void ，所以需要使用 @{} 来使用。
@{ Html.RenderAction("Menu", "Nav"); }
同样，使用 Action 则可以直接返回一个 Html 片段，就不用使用一个 @{ } 了。
<!-- Action -->
@Html.Action("Menu", "Nav")
希望本文所述对大家的asp.net程序设计有所帮助。
相关推荐
-
ASP.NET.4.5.1+MVC5.0设置系统角色与权限(一)
数据结构 权限分配 1.在项目中新建文件夹Helpers 2.在HR.Helpers文件夹下添加EnumMoudle.Cs 复制代码 代码如下: namespace HR.Helpers { public enum EnumMoudle { /// <summary> /// 模块 /// </summary> [EnumTitle("用户管理")] SysUserM
-
ASP.NET MVC3模板页的使用（2）
本文为大家演示下MVC3中怎样使用模板页,在传统的webform设计模式中,我们使用masterpage作为模板页,在MVC3 razor视图设计中,我们使用另一种方式作为模板页. 新建一个MVC3项目,在解决方案资源管理中,我们可以看到VIEWS文件夹下面有一个Shared文件夹.在Shared文件夹里面有一个_Layout.cshtml页面.这个就是项目中默认的模板页面.如下图所示 : 1.新建内容页 内容页在MVC3中也叫做视图布局页,可以右键选中视图文件夹,通过添加视图来
-
ASP.NET中MVC从后台控制器传递数据到前台视图的方式
本文实例讲述了ASP.NET中MVC从后台控制器传递数据到前台视图的方式.分享给大家供大家参考.具体分析如下: 数据存储模型Model: 复制代码 代码如下: public class CalendarEvent { public string id { get; set; } public DateTime start { get; set; } public DateTime end { get; set; } public string backgroundColor { get; set
-
支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍
1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 4.功能齐全 使用方法: 新建初始化类,将所有需要验证的在该类进行初始化,语法相当简洁并且可以统一管理,写完这个类你的验证就完成了70% 函数介绍: Add 默认类型(邮件.手机.qq等) AddRegex 正则验证 在Add无法满足情部下使用 addFunc 使用js函数进行验证,一般用于业逻辑的验证 ,功能非常强大,可以满足各种验证(注意:add
-
ASP.NET中MVC传递数据的几种形式总结
本文实例讲述了ASP.NET中MVC传递数据的几种形式.分享给大家供大家参考.具体如下: 在Asp.net mvc开发中,Controller需要向View提供Model,然后View将此Model渲染成HTML.这篇文章介绍三种由Controller向View传递数据的方式,实现一个DropDownList的显示. 第一种:ViewData ViewData是一个Dictionary.使用非常简单,看下面代码: public ActionResult ViewDataWay(int id) {
-
asp.net实现在非MVC中使用Razor模板引擎的方法
本文实例讲述了asp.net实现在非MVC中使用Razor模板引擎的方法.分享给大家供大家参考.具体分析如下: 模板引擎介绍 Razor.Nvelocity.Vtemplate,Razor一般在MVC项目中使用,这里介绍在非MVC项目中的用法. 如何在非MVC中使用Razor模板引擎 借助于开源的RazorEngine,我们可以在非asp.net mvc项目中使用Razor引擎,甚至在控制台.WinForm项目中都可以使用Razor(自己开发代码生成器) 如何使用Razor 环境搭建: ① 添加
-
ASP.NET MVC5添加验证（4）
有时候我们网站需要添加验证,这一节我们演示下怎样使用ASP.NET MVC5添加验证. 1.在Model类里面添加验证,代码如下: public class Movie { public int ID { get; set; } [StringLength(60,MinimumLength=3,ErrorMessage="主题的长度必须在3到60个字符")] public string Title { get; set; } [Display(Name="Release Da
-
ASP.NET MVC4之js css文件合并功能(3)
MVC4增加了一些新功能,接下来,我们来研究下MVC4中的新增功能,我们在新建一个MVC4项目的时候,会发现在项目下多出了一个App_Start文件夹,文件夹下面有4个文件,BundleConfig.cs,FilterConfig.cs,RouteConfig.cs,WebApiConfig.cs,其中BundleConfig.cs文件就是我们这一节要讲的的文件. 众所周知,浏览器在向服务器发送请求的时候,请求的文件连接数量是有限制的.使用BundleConfig可以将多个文件请求和并成一个请求
-
ASP.NET.4.5.1+MVC5.0设置系统角色与权限（二）
系统角色篇 数据结构 用户管理 Controller代码 复制代码 代码如下: public class SystemUserController : Controller { //public void Log() //{ // string meg = ""; // int user = int.Parse(CookieHelper.GetValue("SysUserID"));
-
浅析Asp.net MVC 中Ajax的使用
一.使用System.Web.Mvc.Ajax 1.1 System.Web.Mvc.Ajax.BeginForm 1.2 System.Web.Mvc.Ajax.ActionLink 二.手工打造自己的"非介入式"Javascript" 一.使用System.Web.Mvc.Ajax 1.1 System.Web.Mvc.Ajax.BeginForm 第一步:用Ajax.BeginForm创建Form @using (Ajax.BeginForm( new AjaxOpti
-
ASP.NET MVC3网站创建与发布（1）
有时候我们有了网站但是却不知道怎么进行发布,这一节我们演示下怎样使用VS2010创建与发布MVC3建立的网站.使用VS2010创建MVC3.0网站,需要下载MVC3.0的安装包,这个大家可以去网络上下载. 1.项目创建 打开VS2010,选择 文件--新建项目---ASP.NET MVC3 web应用程序,如下图 接着选择Razor视图,如下图,点击确定,这样一个MVC3项目就创建完成了 2.网站发布 右键选择刚创建的项目,弹出一个下拉菜单,选择 "发布"菜单,弹出 &quo
-
ASP.NET MVC 2右键菜单和简单分页实例讲解
右键菜单非常方便,很多时候会用到.这篇文章将使用一个JQUERY的插件在ASP.NET MVC中实现右键菜单.本文还将介绍一下在ASP.NET MVC中如何实现简单的分页.效果如下图: 新建一个asp.net mvc应用程序.将此插件放入Scripts文件夹.并在页面上引用. 定义右键菜单: <div class="contextMenu" id="myMenu1"> <ul> <li id="detail">
-
浅谈ASP.NET中MVC 4 的JS/CSS打包压缩功能
今天在使用MVC4打包压缩功能@Scripts.Render("~/bundles/jquery") 的时候产生了一些疑惑,问什么在App_Start文件夹下BundleConfig.cs文件内 bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js", "~/Scripts/jquery.unobtrusive-a