母版页

来源：互联网发布：mac flamingo口红编辑：程序博客网时间：2024/05/01 20:25

简介：

母版页是为统一页面风格而制作的视图，可供别的视图嵌套。

概述：

母版页可以通过提前定义好的模板页引用到页面中减少了重复工作，统一了页面风格。

目的：

统一页面风格。

解决问题：

统一了页面风格，减少了重复工作。

母版页就是你做一个页面的框然后让自己的页面一套，而这个框可供多个页面淘而已。

这是MVC种一个简单的母版页：

<!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")      <style>        li {        float:left;        color:#ff006e;        width:80px;        line-height:124px;        list-style:none;                }    </style></head><body>    <div  style="background: url('../../bg_login.jpg') no-repeat ; width: auto; height: 124px;">        <ul style="float:right">            <li><a href="@Url.Content("/Home/Index")">主页</a> </li>            <li><a href="@Url.Content("/Home/Login")">登录</a> </li>            @*<li><a href="@Url.Content("//")">注册</a> </li>*@                    @*<li>@Html.ActionLink("修改密码", "ChangePassword", "Home")</li>*@            <li><a href="@Url.Content("/Home/Show")">显示</a> </li>            <li>@Html.ActionLink("注册", "Regist", "Home")</li>        </ul>      </div>    <div id="main" style="width:auto">        <div style="float:left;width:200px; height:600px; border:1px solid #000000">            @*  控制器 的GenreMenu方法  所返回的视图不再是View() 而是PartialView()*@            @{Html.RenderAction("ULlist","Home");}                   </div>        <div style="float:right;height:600px;">            @RenderBody()                    </div>    </div>              @*@Scripts.Render("~/bundles/jquery")   @*打包压缩js文件*@    @*@RenderSection("scripts", required: false)   @*呈现特别的节部分 　required默认为true必须覆写，设为false则为可选覆写；*@</body></html>

0 0