原文：http://www.cnblogs.com/youring2/archive/2011/07/26/2115493.html

1.布局（Layout）复用

Layout的使用，就像WebForm的模板页一样，甚至会更加简单，更加方便和明了。要使用Layout，首先要在模板页相应的位置添加@RenderBody()方法：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8"/>

        <title>测试网站 - @Page.Title</title>

    </head>

    <body>

        @RenderBody()

    </body>

</html>

在要使用模板页的页面中，指定所使用的模板页：

@{

    Layout = "/LayoutPage.cshtml";

    Page.Title = "第一个子页面";

}

<p>This is a layout test</p>

Layout的加载顺序不同于模板页，它是先加载子页，然后再加载布局页的。

2.页面（Page）复用

在Razor中，我们可以轻松的在页面中输出另一个页面的HTML代码：

<p>

    @RenderPage("/SubPage.cshtml")

</p>

SubPage的代码如下：

<font color="red">这是一个子页面</font>

3.Section

Section是在布局页（Layout Page）中使用的东西，在使用了布局页的子页面中定义Section的内容，布局页才能够使用。如果Page1.cshtml页面使用了布局页Layout.cshtml，那么，我们可以在Page1.cshtml中定义Section：

@section header{

    <b>Header Section</b>

}

@section footer{

    <b>footer Section</b>

}

Layout.cshtml的代码：

<body>

        @RenderSection("header");

        @RenderBody()

        @RenderSection("footer");

</body>

4.Helper复用

Helper是用来简化代码编写的，通常用来处理输出。例如，我们可以为一个模型构建一个Helper，用来处理该模型的Html输出；再比如，我们为系统菜单创建一个Helper，方便我们使用。

定义Helper，需要使用@helper标记，在该标记后面添加名称和相应的代码：

@helper MenuEx(params string[] strs){

    <ul>

        @foreach(string str in strs){

            <li>@str</li>

        }

    </ul>

}

这种写法非常类似与类的静态方法，在这个MenuEx中，需要传递字符串数组作为参数。

另外，我们通常会把一类Helper放在一个cshtml文件中，这个文件名就相当于类名。例如MenuEx放在文件 HelperEx.cshtml文件中，在Page1.cshtml中的使用方法如下：

<p>

    @HelperEx.MenuEx("Microsoft", "IBM", "Apple", "Google")

</p>

这是我们自定义的内容，另外，系统还为我们提供了一些列的Helper，用来简化Html的书写。这些Helper放在@Html中，我们可以方便的使用：

<p>

    @Html.TextBox("txtName")

</p>

Razor之代码复用的更多相关文章

  1. if __name__== "__main__" 的意思(作用)python代码复用

    if __name__== "__main__" 的意思(作用)python代码复用 转自:大步's Blog  http://www.dabu.info/if-__-name__ ...

  2. Atitit 代码复用的理解attilax总结

    Atitit 代码复用的理解attilax总结 1.1. 继承1 1.1.1. 模式1:原型继承1 1.1.2. 模式2:复制所有属性进行继承 拷贝继承1 1.1.3. 模式3:混合(mix-in)1 ...

  3. javascript 模式(1)——代码复用

    程序的开发离不开代码的复用,通过代码复用可以减少开发和维护成本,在谈及代码复用的时候,会首先想到继承性,但继承并不是解决代码复用的唯一方式,还有其他的复用模式比如对象组合.本节将会讲解多种继承模式以实 ...

  4. HTML 代码复用实践 （静态页面公共部分提取复用）

    原文:HTML 代码复用实践 上面的链接里面安装配置步骤已经非常详细,这里主要记录我操作过程中遇到的几个问题 gulp-file-include 的使用     按上面的步骤安装之后,node_mod ...

  5. 《JavaScript模式》第6章 代码复用模式

    @by Ruth92(转载请注明出处) 第6章:代码复用模式 GoF 在其著作中提出的有关创建对象的建议原则: -- 优先使用对象组合,而不是类继承. 传统模式:使用类继承: 现代模式:"类 ...

  6. javascript代码复用（四）-混入、借用方法和绑定

    这篇继续说js的现代复用模式:混入.借用方法和绑定. 混入 可以针对前面提到的通过属性复制实现代码复用的想法进行一个扩展,就是混入(mix-in).混入并不是复制一个完整的对象,而是从多个对象中复制出 ...

  7. javascript代码复用模式（二）

    前面说到,javascript的代码复用模式,可分为类式继承和非类式继承(现代继承).这篇就继续类式继承. 类式继承模式-借用构造函数 使用借用构造函数的方法,可以从子构造函数得到父构造函数传任意数量 ...

  8. javascript代码复用模式

    代码复用有一个著名的原则,是GoF提出的:优先使用对象组合,而不是类继承.在javascript中,并没有类的概念,所以代码的复用,也并不局限于类式继承.javascript中创建对象的方法很多,有构 ...

  9. 代码复用 -- 深入了解javascript

    /* 代码复用 */ /* 一.避免 */ /* 模式1:默认模式 */ function Parent() { this.name = "123"; } Parent.proto ...

随机推荐

  1. Git - Tutorial [Lars Vogel]

    From: http://www.vogella.com/tutorials/Git/article.html Git - Tutorial Lars Vogel Version 5.6 Copyri ...

  2. 正益工作是何许APP?凭什么作为第一届大会的“闪亮”点

    参加过很多发布会,看过很多宣传稿,渐渐的你也读懂了“大会亮点”,这是技术人.市场人绞尽脑汁.加班加点的成果,更渗透着企业未来的战略思路.在2016AppCan移动开发者大会的官方新闻发布后,很多人留言 ...

  3. random_names随机名字生成

    // 先从txt文件中获取姓和名数组 - (void)getNames{ NSString *resourcePath1 = [[NSBundle mainBundle] pathForResourc ...

  4. Java中的访问权限

    Java中有四种访问权限,从大到小依次是:public –> protected –> default(friendly) –> private. 简单说明下: public 作用域 ...

  5. [转]coredump简介与coredump原因总结

    [转]coredump简介与coredump原因总结 http://blog.sina.com.cn/s/blog_54f82cc201013srb.html 什么是coredump? 通常情况下co ...

  6. How to write a windows service

    how to write a windows services susport microsoft This aritcle describe the detail step to setup a w ...

  7. 二、verilogHDL行为描述建模

    1.综合器: 能把行为级的verilog模块自动转换为门级结构的工具叫做综合器(synthsis tool) 2.verilog网表(verilog netlist): 电路结构可以用门级verilo ...

  8. Ubuntu14.04安装配置ndnSIM

    Ubuntu14.04安装配置ndnSIM 预环境 Ubuntu14.04官方系统 请先使用sudo apt-get update更新一下源列表 安装步骤 安装boost-lib sudo apt-g ...

  9. Team Homework #3 软件工程在北航——IloveSE

    任务要求: 采访以前上过北航  (计算机系/软件学院) 软件工程课的同学.现在上研/工作的也可以. 采访问题如下:* 平均每周花在这门课上的时间 (包括上课/作业/上机)    * 平均写的代码总行数 ...

  10. 从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs

    [前端神秘的面纱] 对后端开发来说,前端是神秘的, 眼花缭乱的技术,繁多的框架, 如果你还停留在前端等于只用jquery做开发,那么你out了, 本文从Java的角度简述下目前前端流行的一些框架. 水 ...