• MVC Layouts布局视图局部视图


    创建名称为SiteLayout.cshtml的视图

    @{
    Layout = "~/Views/Shared/SiteLayout.cshtml";
    www.it-ebooks.info
    68 x CHAPTER 3 VIEWS
    View.Title = "The Index!";
    }
    <p>This is the main content!</p>
    @section Footer {
    This is the <strong>footer</strong>.
    }

    Index.cshtml引入视图

    @{
    Layout = "~/Views/Shared/SiteLayout.cshtml";
    View.Title = "The Index!";
    }
    <p>This is the main content!</p>
    <!DOCTYPE html>
    <html>
    <head><title>The Index!</title></head>
    <body>
    <h1>The Index!</h1>
    <div id="main-content"><p>This is the main content!</p></div>
    </body>
    </html>
    <footer>@RenderSection("Footer", required: false)</footer>
    <footer>
    @if (IsSectionDefined("Footer")) {
    RenderSection("Footer");
    }
    else {
    <span>This is the default footer.</span>
    }
    </footer>

    ViewStart

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

    控制器中返回局部视图

    public class HomeController : Controller {
    public ActionResult Message() {
    ViewBag.Message = "This is a partial view.";
    return PartialView();
    }
    }

    视图中获取变量方式

    <h2>@ViewBag.Message</h2>

    AJA方式获取

    <div id="result"></div>
    <script type="text/javascript">
    $(function(){
    $('#result').load('/home/message');
    });
    </script>
  • 相关阅读:
    MySQL设置用户
    tensorflow学习笔记12
    tensorflow学习笔记11
    tensorflow学习笔记10
    tensorflow学习笔记9
    博雅机器学习十讲10
    博雅机器学习十讲9
    博雅机器学习十讲8
    博雅机器学习十讲7
    博雅机器学习十讲6
  • 原文地址:https://www.cnblogs.com/lujianwei/p/2954420.html
Copyright © 2020-2023  润新知