首页 > Web开发 > 详细

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

时间:2017-07-17 16:41:42      阅读:442      评论:0      收藏:0      [点我收藏+]

_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>

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!