一、母版页(布局页)

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

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

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

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

添加母版页

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

母版页(布局页)_mvc

、命名为_TestLayout

母版页(布局页)_html_02

 

 

 

 生成的模板页代码如下:

<!DOCTYPE html>

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

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

母版页(布局页)_母版页_03

 

 

 

创建子页面使用母版页

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

母版页(布局页)_母版页_04