首页 > 代码库 > MVC学习六：Razor布局视图之【/Views/Shared/_Layout.cshtml】

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

2024-10-28 15:35:02   212人阅读

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


联系
我们