LayOut布局页,就是相当于WebForm中母版页,实现了一个代码的共用和公共布局的作用。
布局页的使用
(1)添加新项,选择MVC布局页
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> </head> <body> <span>标头</span> <div> @RenderBody() </div> <span>结尾</span> </body> </html>
其中的关键字条就是@RenderBody(),默认只有一个,此时所有使用该布局页的View,所有的内容全部位于RenderBody的位置,若想要在其他位置挖坑,方便后面的继承的子页来填,使用 @RenderSection("firstKeng", false);
2.添加新的View,使用该布局页
@{ ViewBag.Title = "View1"; Layout = "~/Views/LayOutDemo.cshtml"; } @section firstKeng{ <script > function Hello() { alert("Hello"); } </script> } <h2>View1</h2> 我的内容将会全部存放在RenderBody的位置。
在使用自定义挖的坑@RenderSection的时候,需要在子页面中@section firstKeng
时间: 2024-10-08 20:04:24