zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    python自动化测试_6
    python自动化测试_5
    python自动化测试_4
    python自动化测试_3
    第一次个人编程作业
    第一次博客作业
    HangOver
    CSS实现动画特效导航栏
    CSS伪类整理笔记
    JavaScript闭包应用的整理
  • 原文地址:https://www.cnblogs.com/lujianwei/p/2954420.html
Copyright © 2011-2022 走看看