標籤：viewport meta erb required data port doc 布局 content
_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】
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
