MVC学习六：Razor布局视图之【/Views/Shared/_Layout.cshtml】

最新推荐文章于 2022-01-22 23:54:11 发布

weixin_30654583

最新推荐文章于 2022-01-22 23:54:11 发布

阅读量869

点赞数 1

CC 4.0 BY-SA版权

文章标签：测试 c#

原文链接：http://www.cnblogs.com/WarBlog/p/7195954.html

本文详细介绍了ASP.NET MVC中布局页面的使用方法，包括如何在子页面中继承布局页面的内容，并通过@section指令定义额外的头部和尾部区域，增强了页面复用性和维护性。

_Layout代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <meta name="viewport" content="width=device-width" />
 6     <title>@ViewBag.Title</title>
 7     @RenderSection("headArea", required: false)
 8 </head>
 9 <body>
10     @RenderBody()
11     
12     @RenderSection("bodyArea", required: false)
13     
14 </body>
15 </html>

使用布局页面的子页面代码：

 1 @{
 2     //此页面的  Layout  属性 已经在 _ViewStart.cshtml 里赋值了！
 3     ViewBag.Title = "SonPage";
 4 }
 5 
 6 <!-- 子页面中所有没有使用@section地方都是对应Layout中@RenderBody()-->
 7 <h2>SonPage</h2>
 8 我爱广州小蛮腰~~~~<br />
 9 我爱蹦极~~~！
10 
11 <!--对应Layout中@RenderSection("bodyArea", required: false) ,required: false不是必填-->
12 @section headArea{
13     我要去跳入 小坑中~~~~~~~~~！
14     你奈我何？
15               署名：飞龙小朋友
16 }

所有的视图页面都使用了布局页面，因为每次请求都会执行【_ViewStart.cshtml页面】，【_ViewStart.cshtml页面】对页面的Layout属性赋值了。

很多不使用布局页面的都会清空Layout

 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>TransData</title>
11 </head>
12 <body>
13 </body>
14 </html>