• MVC中RenderBody的工作原理


    A)什么是RenderBody
      根据MSDN的解释(http://msdn.microsoft.com/query/dev10.query?appId=Dev10IDEF1&l=EN-US&k=k(SYSTEM.WEB.WEBPAGES.WEBPAGEBASE.RENDERBODY);k(TargetFrameworkMoniker-%22.NETFRAMEWORK%2cVERSION%3dV4.0%22);k(DevLang-CSHARP)&rd=true
       在模板页的占位符,用来渲染那些没有特地命名的段落。
       (In layout pages, renders the portion of a content page that is not within a named section. 
         翻译的心里没底,所以给出原文)
     B)RenderBody的工作原理

      C) 例子
      本例很简单,就是通过visual studio 2010 创建一个典型的 ASP.NET MVC 3 web application 。创建完毕后,会看到
      系统自动创建的一些文件和目录。
      现在我们打开views/Shared 目录下的:_layout.cshtml 文件。一般情况下,该文件可以作为整个项目的标准布局文件。
     当然,我们也可以创建多个布局文件,并在适当的时候选择使用。打开_layout.cshtml 文件后,我们看到以下code:

      <!DOCTYPE html>
    <html>
    <head>
       <title>@ViewBag.Title</title>
    <linkhref="@Url.Content("~/Content/Site.css")"rel="stylesheet"type="text/css"/>
    <scriptsrc="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"type="text/javascript"></script>
    </head>
    <body>
       <div class="page">
           <div id="header">
               <div id="title">
                   <h1>My MVC Application</h1>
               </div>
               <div id="logindisplay">
                   @Html.Partial("_LogOnPartial")
               </div>
               <div id="menucontainer">
                   <ul id="menu">
                       <li>@Html.ActionLink("Home", "Index", "Home")</li>
                       <li>@Html.ActionLink("About", "About", "Home")</li>
                   </ul>
               </div>
           </div>
           <div id="main">
               @RenderBody()
           </div>
           <div id="footer">
           </div>
       </div>
    </body>
    </html>
    现在,我们打开views/home下的index.cshtml 文件,大致包含以下内容:
     @{
       ViewBag.Title = "Home Page";
    }

    <h2>@ViewBag.Message</h2>
    <p>
       To learn more about ASP.NET MVC visit <ahref="http://asp.net/mvc"title="ASP.NET MVC Website">http://asp.net/mvc</a>.
    </p>

     可是,从这个文件,看不到是否引用了layout布局文件,这只是mvc3的一个小花招,我们打开views目录下的_ViewStart.cshtml ,
     就可以看到:
     @{
       Layout = "~/Views/Shared/_Layout.cshtml";
    }

     如果把_layout.cshtml and index.cshtml 文件合在一起,我们得到如下文件:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Home Page</title>
    <linkhref="@Url.Content("~/Content/Site.css")"rel="stylesheet"type="text/css"/>
    <scriptsrc="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"type="text/javascript"></script>
    </head>
    <body>
    <div class="page">
    <div id="header">
    <div id="title">
    <h1>My MVC Application</h1>
    </div>
    <div id="logindisplay">
    @Html.Partial("_LogOnPartial")
    </div>
    <div id="menucontainer">
    <ul id="menu">
    <li>@Html.ActionLink("Home", "Index", "Home")</li>
    <li>@Html.ActionLink("About", "About", "Home")</li>
    </ul>
    </div>
    </div>
    <div id="main">

    //引用母版页,新页面的内容会自动代替母版页的@RenderBody()占位符

    <h2>@ViewBag.Message</h2>
    <p>
    To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.</p>
    </div>
    <div id="footer">
    </div>
    </div>
    </body>
    </html>
    仔细看看的话,发现变化并不复杂,只是把RenderBody() 给替换掉了。

    当然,如果想创建其他不同的页面布局,并使用。只要创建类似 _Layout.cshtml 的文件即可。

  • 相关阅读:
    bzoj 5092: [Lydsy1711月赛]分割序列
    bzoj1173: [Balkan2007]Point
    bzoj1536: [POI2005]Akc- Special Forces Manoeuvres
    bzoj2178: 圆的面积并
    bzoj1043 下落的圆盘
    bzoj2674 Attack
    bzoj1201: [HNOI2005]数三角形
    bzoj3135: [Baltic2013]pipesd
    bzoj1760 [Baltic2009]Triangulation
    bzoj3136
  • 原文地址:https://www.cnblogs.com/jf-guo/p/6128759.html
Copyright © 2020-2023  润新知