您的位置：首页 > Web前端 > HTML

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

2017-07-17 16:14 447 查看
_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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航