MVC學習六:Razor布局視圖之【/Views/Shared/_Layout.cshtml】


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM