AspNet MVC4 教学-9:Asp.Net MVC4 利用Layout的几种方法的快速Demo

最新推荐文章于 2021-06-02 21:50:34 发布

gCodeTop 格码拓普老师

最新推荐文章于 2021-06-02 21:50:34 发布

阅读量5.5k

点赞数

分类专栏： 2015-ASP.Net-MVC教学案例文章标签： mvc4 asp.net

本文链接：https://blog.csdn.net/vinglemar/article/details/44944639

版权

2015-ASP.Net-MVC教学案例专栏收录该内容

31 篇文章 0 订阅

订阅专栏

@{
    ViewBag.Title = "Index5";
    Layout = "~/Views/Home/_MyLayout2.cshtml";
}

<h2>我是Index5</h2>

HomeController.cs文件内容:

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

namespace MvcLayoutTest.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/

        public ActionResult Index()
        {
            return View();
        }
        public ActionResult Index2()
        {
            return View();
        }
        public ActionResult Index3()
        {
            return View();
        }
        public ActionResult Index4()
        {
            return View();
        }
        public ActionResult Index5()
        {
            return View("Index5", "_MyLayout1");
        }
        
    }
}

在Shared下面,新建一个Layout文件:_MyLayout1.cshtml:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>
    <h2>我来自自定义Layout1</h2>
    <div>
        @RenderBody()
    </div>
</body>
</html>

在Home文件夹下新建Layout文件:_MyLayout2.cshtml:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>
<h2>我来自自定义Layout2</h2>
    <div>
        @RenderBody()
    </div>
</body>
</html>

Index.cshtml：

@{
    ViewBag.Title = "Index";
}

<h2>我是Index</h2>
@Html.ActionLink("Index2","Index2")
@Html.ActionLink("Index3","Index3")
@Html.ActionLink("Index4","Index4")

Index2.cshtml:

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>不使用Layout,我是Index2</title>
</head>
<body>
    <h2>不使用Layout,我是Index2</h2>
</body>
</html>

Index3.cshtml:

@{
    Layout = "~/Views/Shared/_MyLayout1.cshtml";
}
<h2>我是Index3</h2>

Index4.cshtml:

@{
    ViewBag.Title = "Index4";
    Layout = "~/Views/Home/_MyLayout2.cshtml";
}

<h2>我是Index4</h2>

Index5.cshtml:

@{
    ViewBag.Title = "Index5";
    Layout = "~/Views/Home/_MyLayout2.cshtml";
}

<h2>我是Index5</h2>

小结:Layout布局,既可以使用,也可以不使用。既可以在View前面的服务端代码区中声明选用那种布局,也可以采用Action中进行动态分配布局。如果两种方法都使用,Action中声明的优先。

gCodeTop 格码拓普老师

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录