母版页（布局页）

一、母版页（布局页）

1、创建母版页视图的要点

(1)、在Views的子文件夹Shared文件夹里面添加。

(2)、以“_”前缀作为开头。

(3)、以"Layout.cshtml"作为结束。

添加母版页

在Shared文件夹上面右键添加，选择MVC5布局页

img

、命名为_TestLayout

 

 

 

 生成的模板页代码如下：

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>
    <div>
        @RenderBody()
    </div>
</body>
</html>

同时把代码中的实际部分的抽取出来 把路径改一下

 

 

 

创建子页面使用母版页

在Home控制器里面添加一个ActionName为Test的Action方法，并添加视图：

img

 

 

posted @ 2021-08-16 21:26  天元北岛  阅读(171)  评论(0)    收藏  举报