Razor 视图引擎学习

Razor 视图文件扩展名为 cshtml 或者 vbhtml , 现在主要讨论 cshtml。

@ 定义 Razor 语句

1
2
3
4
5
< h2 > Name: @Model.Name </ h2 >
Time View Rendered: @Date.Time.ToShoarTimeString()
@if (Model.Category == "Watersports") {
    < p > @Model.Category < b >Splash!</ b > </ p >
}

@: 输出单行不是以 html 标记开头的, 并且要包含 html 标记的内容

1
2
3
@if (Model.Category == "Watersports") {
    @: Category: @Model.Category < b >Splash!</ b >
}

<text></text> 输出多行包含 html 标记的内容

1
2
3
4
5
6
7
8
@if (Model.Category == "Watersports") {
    < text >
    @: Category: @Model.Category < b >Splash!</ b >
    < pre >      Row, row, row your boat,
       Gently down the stream ...
    </ pre >
    </ text >
}

@model 表示使用模型对象的类型

@model Razor.Models.Product

@{} 表示代码段

1
2
3
4
5
6
7
8
@{
    if (Model.Category == "Watersports") {
       @: Category: @Model.Category < b >Splash!</ b >
    }
    if (Model.Price > 10) {
       < h5 >Pricey!</ h5 >
    }
}

使用布局页面

在 cshtml 文件的开头可以指定使用哪个布局页面, 例如:
1
2
3
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
如果不指定 Layout 属性, Razor 引擎会检查 Views 目录下面的 _ViewStart.cshtml 文件, 这个页面指定了默认的布局页面。 如果不是用布局页面, 则需要在页面的开头添加声明如下: @{ Layout = null; } 以下划线 (_) 开头的视图文件不会返回给用户, 只能在服务端 cshtml 文件中进行引用。

@RenderBody() 渲染子视图

表示在此渲染子视图, 只能出现在布局页面中, 且只能出现一次。

@RenderPage 渲染另一个页面

表示在当前位置渲染另外一个页面。

@RenderSection(name, required) 渲染一个区域

表示在当前页面渲染一个区域, 区域名称在布局页面定义, required 表示该区域是否为可选的。

@region name {} 实现一个区域的内容

与布局页面的 @RenderSection 相对应, 实现布局页面的定义的区域。

张志敏所有文章遵循创作共用版权协议,要求署名、非商业 、保持一致。在满足创作共用版权协议的基础上可以转载,但请以超链接形式注明出处。

本博客已经迁移到 GitHub , 围观地址: http://beginor.github.io/

本文转自张志敏博客园博客,原文链接:http://www.cnblogs.com/beginor/archive/2011/12/11/2284055.html ,如需转载请自行联系原作者
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值