Partial视图
使用HTML辅助方法 Html.Partial()可以直接引用分部视图
使用Partial需要单独声明一个【视图层】
控制器
public ActionResult Show() { return View(); }
partial视图层
@{ ViewBag.Title = "Show"; } <h2>作为Partial[ˈpɑːʃl]展示页面</h2> <hr /> <div> <ul class="nav nav-pills"> <li class="active"><a href="#">首页</a></li> <li><a href="#">正文</a></li> <li><a href="#">展示</a></li> <li><a href="#">资源</a></li> <li><a href="#">联系我们</a></li> </ul> </div> <hr/>
引入Partial
在主页直接引入Partial(string)即可
@{ ViewBag.Title = "Index"; } <h2>引入Partial</h2> <hr /> @Html.Partial("Show") <hr/>
母版页测试
画UI比较麻烦,我就简单处理了一下。
很多时候插入模板的方式还是使用母版页进行处理的。一般使用上下结构/上左右结构这两个类型比较多。我们可以根据具体的需求进行编辑。
在Razor引擎中没有了“母版页”,取而代之的是叫做“布局”的页面(_Layout.cshtml)放在了共享视图文件夹中。在这个页面中,会看到<body>标签里有这样一条语句:
@RenderBody()
其实它的作用和母版页中的<contentplaceholder>服务器控件类似,当创建基于此布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在<body>标签之间。
这个方法不需要参数,而且只能出现一次。
RenderPage
从名称可以猜出来这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中,然后在布局页面中通过这个方法调用,用法如下:
@RenderPage(“~/Views/Shared/_Header.cshtml”)
@RenderBody()
RenderSection
布局页面还有节(Section)的概念,用于单独呈现视图模板中定义的一个节,用法如下:
@RenderPage(“~/Views/Shared/_Header.cshtml”)
@RenderBody()
@RenderSection(“footer”)
当然还要在视图中定义节,否则会出现异常:
@section footer {
<b>Footer Here</b>
}
为了防止因缺少节而出现异常,可以给RenderSection()提供第2个参数:
@RenderSection(“footer”, false)
MVC 中Html.RenderPartial与Html.RenderAction 和 Html.Partial 区别
Html.Partial是将视图内容直接生成一个字符串并返回
Html.RenderPartial方法是直接输出至当前HttpContext
Html.RenderAction调用一下Action再重新執行一次Controller → Model → View的順序
它们在视图中的使用方式是不同的:
<%Html.RenderPartial("MyPartialView");%>
<%Html.RenderAction("MyPartialView");%>
<%=Html.Partial("MyPartialView")%> (相当于一个字符串)
注意:RenderPartial以<%开头,末尾有分号。而Partial,RenderAction以<%=开头,末尾没有分号。
这里RenderPartial,RenderAction 方法不是返回一个字符串,而是直接输出内容到调用视图模板的输出流中。 方法后使用分号,否则会导致编译器错误。这是因为<% %>代码块是一串代码语句,在C#代码中,需要通过分号标识语句结束。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@ViewBag.Title - 我的 ASP.NET 应用程序</title> @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr") </head> <body> <div> <ul class="nav nav-pills"> <li class="active"><a href="~/Test/Index">首页</a></li> <li><a href="~/Test/Show">正文</a></li> <li><a href="#">展示</a></li> <li><a href="#">资源</a></li> <li><a href="#">联系我们</a></li> </ul> </div> <div class="row"> <div class="col-lg-2"> <ul class="nav nav-stacked"> <li class="active"><a href="~/Test/Index">首页</a></li> <li><a href="~/Test/Show">正文</a></li> <li><a href="#">展示</a></li> <li><a href="#">资源</a></li> <li><a href="#">联系我们</a></li> </ul> </div> <div class="col-lg-10"> @RenderBody() </div> </div> @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/bootstrap") @RenderSection("scripts", required: false) </body> </html>