MVC，布局頁面 - caofangsheng－IT工程師數位筆記本

文章出處

一》》》

在_ViewStart.cshtml文件中，加入：

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    PageData["aaa"] = "我是哇哈哈哈";
}

然后新建一個Action方法，添加相應的視圖（使用布局頁），在該視圖中添加

@{
    ViewBag.Title = "ViewStart";
}

<h2>ViewStart</h2>
@PageData["aaa"]

然后運行該視圖頁面：

二》》》》

在布局頁_Layout.cshtml文件中添加如下代碼：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

    @RenderSection("WaHaHa", false)
</head>
<body>
    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>

然后在使用布局頁的視圖頁ViewStart.cshtml文件中，添加如下代碼：

@{
    ViewBag.Title = "ViewStart";
}

<h2>ViewStart</h2>
@PageData["aaa"]

@section WaHaHa{
    我是來填坑的，哇哈哈哈～～～～
    }

然后運行該頁面：

查看源文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>ViewStart</title>
    <link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>


    
    我是來填坑的，哇哈哈哈～～～～
    
</head>
<body>
    

<h2>ViewStart</h2>
我是哇哈哈哈



    <script src="/Scripts/jquery-1.8.2.js"></script>

    

<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
    {"appName":"Chrome","requestId":"a052f5c134ef4357985c1181d7053d6d"}
</script>
<script type="text/javascript" src="http://localhost:8071/4528b17c5df744bc8aed0fac9bed7023/browserLink" async="async"></script>
<!-- End Browser Link -->

</body>
</html>