MVC 的 @RenderBody、@RenderPage、@RenderSection

ASP.NET布局与视图
最新推荐文章于 2024-04-08 00:22:02 发布
原创 最新推荐文章于 2024-04-08 00:22:02 发布 · 802 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了ASP.NET MVC中如何使用_Layout.cshtml作为母版页来统一网站样式，并通过@RenderBody()方法呈现具体视图内容。同时，还讲解了如何使用@RenderPage和@RenderSection来引入部分视图和定义可选的视图节。

 _Layout.cshtml 母版页

@RenderBody 

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

如图：


@RenderPage

这个用来引入部分视图的，例： @RenderPage("_header.cshtml")

@RenderSection

如_Layout.cshtml模板页定义了@RenderSection("scripts")

就可以在视图页中写@section scripts(){}

为了防止因缺少节而出现异常，要在后面设置个参数：@RenderSection("scripts",required:false)

如图：




.NET MVC5专题（母版页的使用）
一点一滴
01-12 1万+
1、RenderBody 布局 在Razor引擎中没有“母版页”，取而代之的是叫做“布局”的页面(_Layout.cshtml)放在了共享视图文件夹中。在这个页面中，会看到标签里面有这样一条语句： @RenderBody() 其实它的作用和母版页中的服务器控件类似，当创建基于此布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在标签...
c# mvc5 view 多层_MVC5系列——布局视图
weixin_39934640的博客
01-13 384
目录系列文章概述由于前段时间，项目一直吃紧，mvc的学习中断了，周末了，心里一直惦记这事，很早就起来了，把之前写的文章看了一遍，以便找到再次入手的地方，想开始，就想着最近的lync项目的管理端有用到asp.net的模版MasterPage，那就顺便就说说asp.net mvc 中的布局视图吧。目前项目告一段落，个人正在将lync的群组空间，使用mvc进行改写。布局视图新建一个mvc5项目，你会在V...
MVC3 Razor模板引擎 @RenderBody、@RenderPage、@RenderSection及Html.RenderPartial、Html.RenderAction
zjlovety的专栏
05-21 3207
一、Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody  当创建基于_Layout.cshtml布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBody()方法呈现在标签之间。   @RenderPage 从名称可以猜出来这个方法是要呈现一个页面。比如网页
MVC：@RenderBody,@RenderSection,@RenderPage
zhulongxi的博客
08-18 1165
一、@RenderBody: 当创建基于布局页面(即母版页如_Layout.cshtml)的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过布局页面中的@RenderBody()方法呈现在布局页中的标签之间。相当于一个占位符。 二、RenderPage: 这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中，然后在布局页面中通过这个方法调用，用法如下
asp.net mvc3 局部页面@RenderBody @RenderPage@RenderSection使用方法详细说明
星星的专栏
06-16 3351
asp.net mvc3局部页面使用方法详细说明: 1.模板页：@RenderBody()占位符 在模板页中加入@RenderBody()占位符，@RenderBody()所站的位置就是需要填充的内容的位置。 如果想要应用模板页，须向内容页加入 @{     Layout = "~/Views/Shared/_LogOnPartial.cshtml"; } ~/Views/S
MVC:@RenderBody、@RenderPage、@RenderSection用法
weixin_33813128的博客
10-29 238
本文导读：在Razor引擎中没有了“母版页”，取而代之的是叫做“布局”的页面（_Layout。cshtml）放在了共享视图文件夹中。模板页：@RenderBody()占位符；局部页面：@RenderPage()；模板页预设区域：@RenderSection("") 一、@RenderBody 当创建基于_Layout.cshtml布局页面的视图时，视图的内容会和布局页面合并，而新创...
MVC 中 Razor引擎学习：RenderBody，RenderPage和RenderSection
weixin_30439031的博客
12-21 225
RenderBody 在Razor引擎中没有了“母版页”，取而代之的是叫做“布局”的页面（_Layout.cshtml）放在了共享视图文件夹中。在这个页面中，会看到 标签里有这样一条语句： @RenderBody() 其实它的作用和母版页中的服务器控件类似，当创建基于此布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过布局页面的@RenderBody()方法呈...
【ASP.NET编程知识】ASP.Net MVC 布局页、模板页使用方法详细介绍.docx
05-16
ASP.NET MVC 布局页和模板页使用方法详细介绍 在 ASP.NET MVC 中，布局页和模板页是构建 web 应用程序的重要组件。布局页（Layout Page）是指在整个网站中通用的页面结构，而模板页（Template Page）则是指用于呈现...
ASP.Net MVC 布局页、模板页使用方法详细介绍
10-19
ASP.NET MVC 是一个用于构建动态网站的开源框架，它提供了模型-视图-控制器(MVC)模式，使得开发者能够更清晰地分离业务逻辑、数据处理和用户界面。在这个框架中，布局页和模板页是两个重要的概念，它们帮助实现页面...
ASP.NET MVC 深入理解：布局页与模板页的运用技巧
`@RenderBody()`将呈现具体视图的内容，`@RenderSection("head", required: true)`则等待视图提供特定的头部资源，而`@RenderSection("customSection", required: false)`是一个可选的节，视图可以选择性地提供内容...
ASP.NET MVC3 Razor引擎中RenderBody，RenderPage和RenderSection总结
而立大叔
05-04 772
1. RenderBody 在Razor引擎中没有了“母版页”，取而代之的是叫做“布局”的页面（_Layout.cshtml）放在了共享视图文件夹中。在这个页面中，会看到标签里有这样一条语句： @RenderBody() 其作用和母版页中的服务器控件类似，当创建基于此布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在标签之
MVC中RenderBody和RenderSection的使用样例
qq_41617901的博客
07-06 3025
1.@RenderBody和@RenderSection写在Shared目录下面 2.开始使用 <div id="content"> <div id="leftpage"> @RenderSection("lefttitle", required: false) @RenderSection("leftcontent1", required: false) ..
@RenderBody、@RenderPage、@RenderSection的介绍
whaxrl的专栏
03-15 1394
一、@RenderBody 当创建基于_Layout.cshtml布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBody()方法呈现在标签之间。       二、@RenderPage 从名称可以猜出来这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中，然后在布局页面中通过这
MVC3中的RenderBody、RenderPage、RenderSection的差别
weixin_30908103的博客
01-07 204
<body> ＠RenderBody（） </body> 在Razor引擎中没有了“母版页”，取而代之的是叫做“布局”的页面（_Layout.cshtml）放在了共享视图文件夹中。在这个页面中，会看到<body>标签里有如许一条语句：＠RenderBody（） 其实它的感化和母版页中的<contentplaceholder>办事器控件类似...
MVC，布局页面
a0103122120的博客
11-02 140
一》》》 在_ViewStart.cshtml文件中，加入： @{ Layout = "~/Views/Shared/_Layout.cshtml"; PageData["aaa"] = "我是哇哈哈哈"; } 然后新建一个Action方法，添加相应的视图（使用布局页），在该视图中添加 @{ ViewBag.Title = "ViewS...
MVC 部分视图:Partial() 、RenderPartial() 、 Action() 、RenderAction() 、 RenderPage() 区别
weixin_30664539的博客
08-27 233
在视图里有多种方法可以 加载部分视图，包括： Partial() Action() RenderPartial() RenderAction() RenderPage() 方法。 以下是这些方法的差别： Partial 与 RenderPartial 方法 1. Razor 语法：@Html.Partial() 与 @{Html.RenderPartial();} 2. 区别：P...
MVC的页面布局
qq_42370421的博客
09-06 396
1、页面的开始 2、_Layout.cshtml 3、模板页中的css和js在Global.asax中的RegisterBundles方法中加载 4、RegisterBundles中的方法` public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
你能解释⼀下MVC中的RenderBody和RenderPage吗？
qq_61141142的博客
04-08 492
RenderBody就像web表单中的ContentPlaceHolder。这将存在于布局⻚中，并将呈现⼦⻚/视图。⻚将只有⼀个RenderBody（）⽅法。RenderPage也存在于布局⻚中，多个RenderPage（）可以存在于。
【无标题】MVC 页面布局
FeifenGo的博客
03-07 152
MVC 页面布局 通过 Web Pages ，创建一个布局一致的网站是很容易的事。 一致的外观在因特网上，您会发现很过网站都具有一致的外观和风格： 每个页面有相同的头部 每个页面有相同的底部 每个页面有相同的样式和布局 通过 Web Pages ，您能非常高效地做到这点。您可以把重复使用的内容块（比如页面头部和底部） 写在一个单独的文件中。 您还可以使用布局模板（布局文件）为站点的所有网页定义一致的布局。 Content Blocks（内容块） 许多网站都有一些内容是被显示在站点的每个页面中（比如页面头部和
@RenderSection("style", required: false) @RenderSection("scripts", required: false)
最新发布
08-20
`@RenderSection("style", required: false)` 和 `@RenderSection("scripts", required: false)` 是 ASP.NET MVC 中 Razor 视图引擎的语法，用于在布局页（Layout）中定义可选的内容区域。它们允许子视图（View）向布局页注入自定义的样式和脚本内容。 --- ### 1. **作用说明** - **`@RenderSection("style", required: false)`**： - 允许子视图通过 `@section style { ... }` 向布局页头部添加自定义 CSS 样式。 - `required: false` 表示这个区域是可选的，子视图可以不定义它。 - **`@RenderSection("scripts", required: false)`**： - 允许子视图通过 `@section scripts { ... }` 向布局页底部（或任意位置）添加自定义 JavaScript 脚本。 - 同样，`required: false` 表示这个区域不是必须的。 --- ### 2. **使用方式** #### 在布局页（Layout）中 ```csharp <head> <meta charset="utf-8" /> <title>@ViewBag.Title</title> @RenderSection("style", required: false) </head> <body> @RenderBody() @RenderSection("scripts", required: false) </body> ``` #### 在子视图（View）中 ```csharp @section style { <style> .custom-class { color: red; } </style> } @section scripts { <script> alert("Hello from child view!"); </script> } ``` --- ### 3. **注意事项** - 如果子视图没有定义某个 `@section`，而布局页又将该区域设为 `required: true`，则会抛出异常。 - 推荐将 `scripts` 放在 `<body>` 结尾以提高页面加载性能。 - 可以使用 `@section` 注入外部资源，如 CDN 链接、本地 JS 文件等。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值