Razor之代码复用
原文：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之代码复用的更多相关文章
- if __name__== "__main__" 的意思(作用)python代码复用
if __name__== "__main__" 的意思(作用)python代码复用 转自:大步's Blog http://www.dabu.info/if-__-name__ ...
- Atitit 代码复用的理解attilax总结
Atitit 代码复用的理解attilax总结 1.1. 继承1 1.1.1. 模式1:原型继承1 1.1.2. 模式2:复制所有属性进行继承 拷贝继承1 1.1.3. 模式3:混合(mix-in)1 ...
- javascript 模式(1)——代码复用
程序的开发离不开代码的复用,通过代码复用可以减少开发和维护成本,在谈及代码复用的时候,会首先想到继承性,但继承并不是解决代码复用的唯一方式,还有其他的复用模式比如对象组合.本节将会讲解多种继承模式以实 ...
- HTML 代码复用实践 （静态页面公共部分提取复用）
原文:HTML 代码复用实践 上面的链接里面安装配置步骤已经非常详细,这里主要记录我操作过程中遇到的几个问题 gulp-file-include 的使用 按上面的步骤安装之后,node_mod ...
- 《JavaScript模式》第6章 代码复用模式
@by Ruth92(转载请注明出处) 第6章:代码复用模式 GoF 在其著作中提出的有关创建对象的建议原则: -- 优先使用对象组合,而不是类继承. 传统模式:使用类继承: 现代模式:"类 ...
- javascript代码复用（四）-混入、借用方法和绑定
这篇继续说js的现代复用模式:混入.借用方法和绑定. 混入 可以针对前面提到的通过属性复制实现代码复用的想法进行一个扩展,就是混入(mix-in).混入并不是复制一个完整的对象,而是从多个对象中复制出 ...
- javascript代码复用模式（二）
前面说到,javascript的代码复用模式,可分为类式继承和非类式继承(现代继承).这篇就继续类式继承. 类式继承模式-借用构造函数 使用借用构造函数的方法,可以从子构造函数得到父构造函数传任意数量 ...
- javascript代码复用模式
代码复用有一个著名的原则,是GoF提出的:优先使用对象组合,而不是类继承.在javascript中,并没有类的概念,所以代码的复用,也并不局限于类式继承.javascript中创建对象的方法很多,有构 ...
- 代码复用 -- 深入了解javascript
/* 代码复用 */ /* 一.避免 */ /* 模式1:默认模式 */ function Parent() { this.name = "123"; } Parent.proto ...
随机推荐
- linux之I2C裸机驱动解析（转）
1 硬件特性 1.1 概述 I2C总线是由Philips公司开发的两线式串行总线,这两根线为时钟线(SCL)和双向数据线(SDA).由于I2C总线仅需要两根线,因此在电路板上占用的空间更少, ...
- Html5 Canvas一个简单的画笔例子
相比了下Qt quick的canvas和HTML5的canvas,发现HTML5 Canvas在同样绘制绘制操作下性能比Qt的canvas强很多,附上一个HTML5 canvas画笔一例子 var D ...
- java中对象的序列化和反序列化
[对象的序列化和反序列化 ] 1.定义:序列化--将对象写到一个输出流中.反序列化则是从一个输入流中读取一个对象.类中的成员必须是可序列化的,而且要实现Serializable接口,这样的类的对象才能 ...
- c语言中通过指针将数值赋值到制定内存地址
1.一种直观的方法 假设现在需要往内存0x12ff7c地址上存入一个整型数0x100.我们怎么才能做到呢? 我们知道可以通过一个指针向其指向的内存地址写入数据,那么这里的内存地址0x12ff7c其本质 ...
- AsyncTask和Handler两种异步方式的实现和区别比较
1 AsyncTask实现的原理,和适用的优缺点 AsyncTask,是android提供的轻量级的异步类,可以直接继承AsyncTask,在类中实现异步操作,并提供接口反馈当前异步执行的程度(可以 ...
- Partition分组使用和行列转换
CREATE TABLE score ( name NVARCHAR(20), subject NVARCHAR(20), score INT ) --2.插入测试数据 INSERT INTO sco ...
- go again
Introducation (1)How to organize go code (2)How to develope go package (3)How to use go tool How to ...
- squid基础配置
1 2 3 4 5 6 7 8 9 10 vim /etc/squid/squid.conf http_port 192.168.1.12:3128 (可写多个) cache_mem 64MB ...
- Orchard工作原理
概述 本文翻译仅供学习之用,了解Orchard工作原理设计思想.技术点及关键词,如有缺漏请不吝指正.鉴于能力有限定有诸多曲解或不完整的地方,请海涵.不定时完善整理. CMS不像常规的web程序,它更像 ...
- GNU make 总结 (二)
规则描述了在何种情况下使用什么命令来创建或者更新一个目标.如果在makefile中第一个规则有多个目标的话,那么多个目标中的第一个将会作为make的“终极目标”. 3.1 规则语法 TARGETS : ...