欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

MVC母版页的使用方法

程序员文章站 2022-06-22 11:42:23
MVC母版页的使用方法:一、创建控制器二、在Views文件夹中的Share文件夹中创建母版页(新建项-WebFormSite.Master)二、创建视图并选择母版页(默认为_Layout.cshtml,也可以自定义母版页)三、渲染自定义内容_ViewStart.cshtml代码:@{ Layout = "~/Views/Shared/_Layout.cshtml";}_Layout.cshtml布局母版页代码:...

MVC母版页的使用方法:
一、创建控制器
二、在Views文件夹中的Share文件夹中创建母版页(新建项-WebFormSite.Master)
二、创建视图并选择母版页(默认为_Layout.cshtml,也可以自定义母版页)
三、渲染自定义内容

_ViewStart.cshtml代码:

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

_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")
</head>
<body>

     @RenderSection("head", false)//也可以在这里添加自定义的渲染内容,这里是自己加上的代码,也可以不要这一部分
   
    <h1>这里是Razor母版页</h1>
    @RenderBody()

  
</body>
</html>

Index.cshtml子页面的代码

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout2.cshtml";//在子页面中使用母版页,此处是子页面中定义,也可以在_ViewStart.cshtml中为所有视图指定母版页
}
//自定义的渲染内容在子页面中实现,和母版页对应
@section head{
    <h1>这里是head section</h1>
}
<h1>这里是来自Razor的子页面</h1>

控制器的代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcValidateDemo.Areas
{
    public class MasterController : Controller
    {
        public ActionResult Index()
        {
            return View("Index");
        }

    }
}

本文地址:https://blog.csdn.net/hmwz0001/article/details/109257767