ASP.NET Core 布局 _Layout.cshtml

1.在asp.net core项目上新建文件夹:Views/Shared,如下图:
在这里插入图片描述
2.在新建的Shared文件夹下新建布局文件(_Layout.cshtml):
在这里插入图片描述
在这里插入图片描述
3.开始布局:
布局文件基础代码:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 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.添加共享使用的命名空间或者指令。

在这里插入图片描述

posted @ 2021-01-28 15:33  LcVong  Views(231)  Comments(0Edit  收藏  举报