zoukankan      html  css  js  c++  java
  • MVC之视图的布局

     

    1. RenderBody  布局
    在Razor引擎中没有了“母版页”,取而代之的是叫做“布局”的页面(_Layout.cshtml)放在了共享视图文件夹中。在这个页面中,会看到标签里有这样一条语句:
    @RenderBody()
    其实它的作用和母版页中的服务器控件类似,当创建基于此布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在标签之间。
    这个方法不需要参数,而且只能出现一次。

    示例

    _SiteLayout.cshtml布局页

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title>
        <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
        <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    </head>
    <body>
        <div class="page">
            <header>
                <div id="title" >
                    <h1>动软框架 默认MVC 此区域用于定制项目开发<br/> 如使用动软系统 请访问Areas</h1>
                </div>
                <div id="logindisplay">
                    @Html.Partial("_LogOnPartial")
                </div>
                <nav>
                    <ul id="menu">
                        <li>@Html.ActionLink("主页", "Index", "Home")</li>
                        <li>@Html.ActionLink("关于", "About", "Home")</li>
                    </ul>
                </nav>
            </header>
            <section id="main">
                @RenderBody()
            </section>
            <footer>
            </footer>
        </div>
    </body>
    </html>

    2. RenderPage 直接呈现某个物理页面
    从名称可以猜出来这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中,然后在布局页面中通过这个方法调用,用法如下:
    @RenderPage(“~/Views/Shared/_Header.cshtml”) 
    带参数
    @RenderPage(“~/Views/Shared/_Header.cshtml”,new{parm="my",parm2="you") 
    调用页面获取参数:
    //获取 RenderPage() 传递过来的参数
    @PageData["param"] 
    3. RenderSection 布局页面的节
    布局页面还有节(Section)的概念,也就是说,如果某个视图模板中定义了一个节,那么可以把它单独呈现出来,用法如下:
    //模板里添加了一个节
    @RenderSection(“head”)
    当然还要在视图中定义节,否则会出现异常:
    @section head{ 
    //do
    }

    为了防止因缺少节而出现异常,可以给RenderSection()提供第2个参数:
    @RenderSection("SubMenu", false)

    @if (IsSectionDefined("SubMenu"))
    {
    @RenderSection("SubMenu", false)
    }
    else
    {
    <p>SubMenu Section is not defined!</p>
    }
    示例

     布局页:_BaseLayout.cshtml

    @{
        Layout = "null";
    }
    @section head{
        @RenderSection("head", true)
    }
    @Html.Action("Header", "Partial")@*头部*@
    
    @Html.Action("Navigation", "Partial")@*导航*@
    <div class="wrapper">
    @RenderBody()
    
    </div>@*页面内容*@
    
    @Html.Action("Footer", "Partial")@*底部*@

    引用_BaseLayout.cshtml布局页的内容页

    @{
        Layout = "~/Areas/SNS/Themes/Default/Views/Shared/_BaseLayout.cshtml";
    }
    @section head{
        <script src="@Url.Content("~/Scripts/jquery/sxjs.min.js")" type="text/javascript"></script>
        
    }
    
    <div class="raiders-content clearfix">
    </div>

    4.@Html.Partial和Html.RenderPartial
     Partial 每次都会创建自己的 TextWriter 实例并且把内容缓存在内存中. 最后把所有 writer输出的内容发送到一个 MvcString对象中
    更多时候我们会使用 @{ Html.RenderPartial("Details"); } 而不是@Html.Partial

    Html.RenderPartial适合用在重覆使用的UserControl,并且只需要透过Model来呈现内容,或是对于广告的UserControl也适合使用。

    5.Html.Action和Html.RenderAction

    Html.Action:使用指定参数调用指定子操作方法并以 HTML 字符串形式返回结果。

    public static MvcHtmlString Action(
        this HtmlHelper htmlHelper,
        string actionName,
        Object routeValues
    )

    参数

    htmlHelper
    类型:System.Web.Mvc.HtmlHelper
    此方法扩展的 HTML 帮助器实例。
    actionName
    类型:System.String
    要调用的操作方法的名称。
    routeValues
    类型:System.Object
    一个包含路由参数的对象。 可使用 routeValues 提供绑定到操作方法参数的参数。 routeValues 参数将与原始路由值合并,并重写这些值。

    返回值

    类型:System.Web.Mvc.MvcHtmlString
    HTML 字符串形式的子操作结果。

    用法说明

    在 Visual Basic 和 C# 中,您可以对 HtmlHelper 类型的任何对象将此方法作为实例方法调用。在您使用实例方法语法调用此方法时,将忽略第一个参数。

     Html.RenderAction则会先去呼叫Controller的Action方法,如果此UserControl是需要透过资料库取得资料来呈现(透过Action来读取资料库),此时会比较适合使用此方式。

    RendAction

    调用指定子操作方法并在父视图中以内联方式呈现结果

    
    
    public static void RenderAction(
        this HtmlHelper htmlHelper,
        string actionName
    )

    参数

    htmlHelper
    类型:System.Web.Mvc.HtmlHelper
    此方法扩展的 HTML 帮助器实例。
    actionName
    类型:System.String
    要调用的子操作方法的名称。

    用法说明

    在 Visual Basic 和 C# 中,您可以对 HtmlHelper 类型的任何对象将此方法作为实例方法调用。在您使用实例方法语法调用此方法时,将忽略第一个参数

  • 相关阅读:
    WebApi系列知识总结
    用Jquery选择器计算table中的某一列某一行的合计
    layui table指定某一行样式
    数据库-SqlServer 行转列,列转行
    数据库缓存之Memcache知识点
    hdu 2471 简单DP
    nyist0j 35 表达式求值
    html 实现网址链接
    nyist 220 推桌子
    nyist 500 一字棋
  • 原文地址:https://www.cnblogs.com/sunxi/p/4366305.html
Copyright © 2011-2022 走看看