Asp.Net Razor中的Consistent Layout

浏览数：48 / 时间：2015年06月09日

有意义的参考：http://www.asp.net/web-pages/tutorials/working-with-pages/3-creating-a-consistent-look

Asp.net是怎样解决Consistent Layout问题的？是通过引入以下几个概念并提供相应的机制解决的：

  • Content Blocks，内容块，是包含html内容的文件，可以“插入”到其他页面中，一般不能直接访问，类似于Web Form中用户控件的概念；
  • Layout Pages，布局页面，是包含html内容的页面，可以在其中“插入”其他页面，也就是其内容可被“被插入的页面”共享，类似于Web Form中Master Page的概念；
  • Content Page，一般页面，可在其中使用RenderPage("content blcok文件路径")“插入”Content Block，可以使用@Layou="Layout page路径"引用Layout Page，该页面在Layout Page页面出现的位置即Layout Page页面中RenderBody（Layout Page中只能定义一个RenderBody方法）方法出现的位置；
  • RenderPage方法用于将Content Block“插入”到的其他页面，在其他页面中希望插入Content Block的位置调用RenderPage("content block文件路径")方法；
  • RenderBody方法用于在Layout pages中定义Content Page的位置；
  • Layout Pages页面中除了可以定义静态的被其他页面共享的内容之外，还可以预定义一些区域，其内容可以由引用该Layout Page的Content Page页面自行定义。方法是：在Layout Page页面通过调用RenderSection定义此由Content Page页面实现的区域，每个区域都有一个唯一的名称，通过在Content Page中使用@Section来定义该区域的具体内容。举例如下：
     1 在Layout page 中使用：
 2 @RenderSection("header", required: false)
 3 或者：
 4 @if (IsSectionDefined("header")) {
 5     @RenderSection("header")
 6 }
 7 
 8 在Content Page中：
 9 @section header {
10     <div id="header">
11         Creating a Consistent Look
12     </div>
13 }
    View Code

    一般来说，这种方式的使用场景可能不太多。

  • Content Page的PageData属性（Dictionary类型），用于在Content Blocks和Layout Pages之间共享数据。可参考上面链接中的“Passing Data to Layout Pages”部分。

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style src 使用 html 文件 问题 com log class style src 使用 html 文件 问题 com log

相关文章

随机文章

您可能还喜欢

您可能还喜欢