1.在asp.net core项目上新建文件夹:Views/Shared,如下图:
2.在新建的Shared文件夹下新建布局文件(_Layout.cshtml):
3.开始布局:
布局文件基础代码:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2012 Runoob. All rights reserved.</p>
</body>
</html>
其中使用 @RenderBody() 方法嵌入内容页,上半部分为网页标题栏,下半部分为网页底部显示栏。
4.创建视图导入文件:_ViewStart.cshtml
如果每个视图都使用当前这个布局,就将当前的布局引入视图。
5.视图导入布局:
在_ViewStart.cshtml里面添加如下代码进行绑定:指定母版名
@{
Layout = "_Layout";
}
或者:指定母版路径
@{
Layout = " /Views/Shared/_Layout.cshtml";
}
二者选一即可。
6.运行后的效果如下图:
7.引入配置文件:_ViewImports.cshtml (多个视图共享的指令在 _ViewImports.cshtml 文件中进行指定)
i.新建文件:
ii.添加共享使用的命名空间或者指令。