MVC Razor模板引擎 @RenderBody、@RenderPage、@RenderSection及Html.RenderPartial、Html.RenderAction

一、Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页

@RenderBody

当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBody()方法呈现在标签之间。

@RenderPage
从名称可以猜出来这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中,然后在布局页面中通过这个方法调用,用法如下:
@RenderPage(“~/Views/Shared/_Header.cshtml”) 
带参数
@RenderPage(“~/Views/Shared/_Header.cshtml”,new{parm="my",parm2="you") 
调用页面获取参数:
//获取 RenderPage() 传递过来的参数
@PageData["param"]

@RenderSection

布局页面还有节(Section)的概念,也就是说,如果某个视图模板中定义了一个节,那么可以把它单独呈现出来
为了防止因缺少节而出现异常,可以给RenderSection()提供第2个参数:
@RenderSection("head", false)

@if (IsSectionDefined("head"))
        {
            @RenderSection("head", false)
        }
        else
        {
            <p>SubMenu Section is not defined!</p>
        }

代码如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>@ViewBag.Title</title>
  5. <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
  6. <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
  7. @RenderSection("head", required: true)@*View页面自定义特定js/css使用*@
  8. </head>
  9. <body>
  10. @RenderPage("~/Views/Shared/_Header.cshtml")
  11. @RenderBody()
  12. </body>
  13. </html>

二、创建视图,使用母版页

代码如下:

  1. @{
  2. ViewBag.Title = "Index";
  3. Layout = "~/Views/Shared/_Layout.cshtml";
  4. }
  5. <h2>Index</h2>
  6. @section Head{
  7. <script type="text/javascript">
  8. $(function () {
  9. alert("hello jquery");
  10. });
  11. </script>
  12. }
  13. <p>执行C#普通语法</p><br />
  14. @DateTime.Now.Date.ToShortDateString()
  15. <p>执行C#语句段</p>
  16. @{
  17. List<string> list = new List<string> { "Mvc3", "Razor" };
  18. list.Add(".Net4");
  19. }
  20. <ul>
  21. @foreach(string s in list)
  22. {
  23. if (string.IsNullOrEmpty(s))
  24. {
  25. <li>空</li>
  26. }
  27. else
  28. {
  29. <li>@s</li>
  30. }
  31. }
  32. </ul>

三、生成页面的源代码

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(function () {
            alert("hello jquery");
        });
    </script>

</head>

<body>
    <h2>Index</h2>

<p>执行C#普通语法</p><br />
2013/3/11

<p>执行C#语句段</p>
<ul>
       <li>Mvc3</li>
       <li>Razor</li>
       <li>.Net4</li>
</ul>

</body>
</html>

四、@Html.Partial

Partial 每次都会创建自己的 TextWriter 实例并且把内容缓存在内存中. 最后把所有 writer输出的内容发送到一个 MvcString对象中
更多时候我们会使用  @{ Html.RenderPartial("Details"); }  而不是@Html.Partial

Html.RenderPartial()与@Html.Partial的区别

Html.RenderPartial  直接输出至当前 HttpContext(因为是直接输出,所以性能好)。

Html.Partial            将视图内容直接生成一个字符串并返回(相当于有个转义的过程)。

RenderPage()和RenderPartial()的区别

RenderPage()调用的页面只能使用其传递过去的数据。
而RenderPartial()是可以使用viewdata,model等数据的。

如:@{Html.RenderPartial("BasicChart",model);}
  用这个重载可以在部分视图里使用强类型,然后在主视图中使用第二个参数传model过去

@{Html.RenderPartial("BasicChart",ViewData["myData"]);}

Html.RenderPartial和Html.RenderAction的区别

Html.RenderPartial适合用在重覆使用的UserControl,并且只需要透过Model来呈现内容,或是对于广告的UserControl也适合使用。

Html.RenderAction则会先去呼叫Controller的Action方法,如果此UserControl是需要透过资料库取得资料来呈现(透过Action来读取资料库),此时会比较适合使用此方式。

补充:

1、带有Render的方法返回值是void,在方法内部进行输出;不带的返回值类型为MvcHtmlString,所以只能这样使用:
@Html.Partial 对应 @{Html.RenderPartial(....);}
@Html.Action 对应 @{Html.RenderAction(....);}
2、Html.Partial可以直接提供用户控件名作为参数,而Html.Action需要有对应的Action,在Action内部返回PartailResult(即retun PartialView())。
3、对于简单的没有任何逻辑的用户控件,推荐使用Html.Partial;对于需要设置一些Model的用户控件,推荐使用Html.Action。当然,有Model数据也是可以使用Html.Partial方法的,可以看方法的重载。
4、使用Html.Action有个好处,就是可以根据不同的场景选择不同的用户控件。
比如:
@Html.Action("UserInfoControl")
在对应的UserInfoControl这个Action中,在用户未登录的时候,可以retun PartialView("LogOnUserControl");登录后,可以retun PartialView("UserInfoControl");

时间: 2024-10-13 07:17:43

MVC Razor模板引擎 @RenderBody、@RenderPage、@RenderSection及Html.RenderPartial、Html.RenderAction的相关文章

MVC Razor模板引擎

一.Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody 当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBody()方法呈现在标签之间. @RenderPage 从名称可以猜出来这个方法是要呈现一个页面.比如网页中固定的头部可以单独放在一个共享的视图文件中,然后在布局页面中通过这个方法调用,用法如下: @RenderPage(&qu

在非MVC中使用Razor模板引擎

模板引擎介绍 Razor.Nvelocity.Vtemplate,因为Razor在VS中有自动提示,使用方便有效率. 在非MVC中使用Razor模板引擎 借助于开源的RazorEngine,我们可以在非asp.net mvc项目中使用Razor引擎,甚至在控制台.WinForm项目中都可以使用Razor(自己开发代码生成器) 如何使用Razor 环境搭建: 1,添加引用RazorEngine.dll 2,创建cshtml 新建一个html,改名为cshtml.注意:通过 添加--html页再改成

脱离MVC使用Razor模板引擎

关于Razor模板引擎 1.简介 模板引擎:Razor.Nveocity.Vtemplate.Razor有VS自动提示.使用起来会方便一点. 但是Razor大多是在MVC下使用的. 那么如何在非MVC下使用Razor呢? 2.非MVC下使用Razor 借助开源的RazorEngine,我们就可以在非asp.net mvc项目中使用Razor引擎了. 甚至在winform项目中都可以使用Razor(就可以写一些灵活度较高的代码生成器了). 3.工作流程 通过和杨中科大大的交流,我大致得出了Razo

Razor - 模板引擎 / 代码生成 - RazorEngine

目录 Brief Authors Official Website RazorEngine 的原理 - 官方解释 安装记录 Supported Syntax (默认实现支持的语法) 测试记录 - can't cleanup temp files 测试记录 - Quick Start 测试记录 - Configuration 测试记录 - 对比 3 种 Type 的 model 的语法 测试记录 - 扩展模板语法 测试记录 - Layout 测试记录 - Partial (@Include())

MVC3 Razor模板引擎

1.单行代码书写 @代码 2.多行代码书写 @{ //@加个大括号就可以在里面写C#代码了. C#代码第一行 C#代码第二行 } 3.Razor模板引擎会自动判别代码块,但是当代码存在二义性的时候,可以用小括号澄清 @{ string name = "张三"; } // @name你好 报错当前上下文中不存在名称"name你好"*@ @(name)你好 再给一个例子,就是调用泛型方法的时候,尖括号会导致Razor转回标记,这个时候也可以用小括号澄清: @(Html.

Razor模板引擎

1 Razor模板引擎的使用: (1)常用三种模板引擎: Razor 解释执行,微软内置.有提示,与JavaScript存在兼容性: Nvelocity / Vtemplate 运行时动态执行,(比Razor更好). (2)Razor引擎的使用: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Ty

.NET Core中使用Razor模板引擎

一.简介 在MVC以外的场景中,我们往往需要完成一些模板引擎生成代码或页面的工作:在以前我们一般常用的有Razor.NVeocity.VTemplate.虽然所有的模板系统都具有一些共同特征,但 Razor却和我们前面讨论的二种视图引擎截然不同.不同于其它视图引擎,Razor在使用XML代 码方面没有走得那么极端.它也不完全类似于ASPX,因为它把那些比较笨重的占位符替换成@符号接表达式或者普通的控制块.因为不需要特殊的结束标记,所 以Razor最终的代码很简练. 本篇介绍的主角是Razor,在

ASP.NET MVC Razor视图引擎攻略

--引子 看下面一段MVC 2.0的代码. <%if (Model != null){%> <p><%=Model%></p><%}%><%else{%> //Do something<%}%> 我们站在一个读者的立场上来看,”<% %>“这种标记C#代码的方法是十分蛋疼的. 如果写这段代码的人没有良好的缩进和对齐习惯的话,一段逻辑较为复杂的代码就会堆砌着杂乱无章的"<%“和"%>

Razor 模板引擎的使用

安装Razor的模板引擎,通过vs的“扩展管理器”,查找"RazorEngine"并安装.安装的dll包括”RazorEngine.dll“和”System.Web.Razor.dll“ 下载:RazorEngine 主要使用RazorEngine.Razor 类下的静态方法Parse(string razorTemplate, object model)方法,razorTemplate是模板文本,model是数据对象. 1>定义实体类 public class Articles