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 ,如需转载请自行联系原作者
相关文章
|
开发框架 前端开发 搜索推荐
Razor视图引擎
目前我们使用asp.net开发的过程中,接触了三种开发模式:一般处理程序(ashx),webform(aspx),mvc。具体关于asp.net的介绍,请看博客:[总览]Asp.net。 在学习mvc时,我对这两种搜索引擎机制:razor和winform有了新的理解。在mvc中添加视图时,不知道大家有没有注意到这两种视图的区别:
139 0
|
存储 架构师
「架构框架」ArchiMate视图指南(4):应用使用视图和实现部署视图
「架构框架」ArchiMate视图指南(4):应用使用视图和实现部署视图
|
架构师
「架构框架」ArchiMate视图指南(6):信息结构视图和服务实现视图
「架构框架」ArchiMate视图指南(6):信息结构视图和服务实现视图
|
存储 架构师
「架构框架」ArchiMate视图指南(7):信息结构视图和服务实现视图
「架构框架」ArchiMate视图指南(7):信息结构视图和服务实现视图
|
架构师 中间件 数据库
「架构框架」ArchiMate视图指南(5):技术视图和技术使用视图
「架构框架」ArchiMate视图指南(5):技术视图和技术使用视图
|
架构师
「架构框架」ArchiMate视图指南(1):基本视图概览
「架构框架」ArchiMate视图指南(1):基本视图概览
|
编解码 Android开发
视图 总结 基础
DragViewTaskRelease 使用FrameLayout布局(可以用其他的),内嵌imageView实现悬浮拖动和点击事件,继承View的ontouchEvent进行动作监听和移动 getX(),getY()等方法的区别(图解) BarPercentView 条形进度条(可设置 线性渐变-背景色-进度条颜色-进度条高度) 游戏下载进度条显示 zidingyiView矩形进度框,在构造函数里定义基础属性,初始化布局,定义俩个矩形,onMeasure获取宽高和onDraw方法显示
|
监控 中间件 程序员
关于开发视图
开发视图是逻辑视图的实现,它又叫实现视图,描述了在开发环境中软件的静态组织结构,主要侧重于软件模块的组织和管理。
715 0
关于开发视图
也玩MVC3.“.NET研究”0 Razor自定义视图引擎来修改默认的Views目录结构
刚刚爱上MVC3.0,几个不眠夜的学习越来越有趣。今天随手尝试自定义Mvc3.0的视图引擎,虽然已成功,但是还发现有点小疑问。随手贴出来希望大家指教指教。 MVC的视图文件目录被固定/Views目录内,区域视图文件也是被固定在/Areas目录下,出于好奇和对目录名的敏感,尝试修改它。
902 0