Razor视图引擎是Asp.net MVC3中新扩展的内容,并且也是它的默认视图引擎。还有另外一种Web Forms视图引擎。通过前面的文章可知在Asp.net mvc5中创建视图,默认使用的是Razor视图引擎。而且真正的就一种了。记得之前版本的,还可以让开发者选择是使用Razor还是webfroms视图引擎。

 
Razor为视图表示提供了一种精简的语法,最大限度的减少了语法和额外的字符。这样就有效的减少了语法障碍,并且在视图标记语言中也没有新的语法规则。
 
Razor支持两种文件类型,分别是.cshtml 和.vbhtml,其中.cshtml 的服务器代码使用了c#的语法,.vbhtml 的服务器代码使用了vb.net的语法。
 
Razor语法
Razor的核心转换字符是“at”符号(@)。
 
该字符作用
 
用作标记-代码的转换字符。
 
代码-标记的转换字符。
 
有两种基本类型的转换:代码表达式和代码块。求出表达式的值,然后将值写入到响应中。
 
代码表达式
隐式代码表达式
 
示例:
 
1         @{string strName = "wofly";}
2         <h1> Length of the boy's name is  @strName.Length chars.</h1>
结果
 
 
 
Razor十分智能,可以知道表达式后面的空格字符不是一个有效的标识符,所以可以顺畅地回到标记语言。
 
显示代码表达式
 
Razor自动从代码转会标记的能力有时也会带来二义性,例如下面的Razor片段:
 
1         @{string rootNameSpace = "MyApp";}
2         <span>@rootNameSpace.Models</span>
想要输出的结果是:
 
<span>MyApp.Models</span>
编译时出错,提示string没有Models属性。在这种情况下,Razor不能理解我们想要干啥,而会认为@rootNameSpace是代码表达式。那么该怎么解决呢?Razor可以通过将表达式用圆括号括起来显示代码表达式:
 
 <span>@(rootNameSpace).Models</span>
这样就告知Razor,.Models是字面量文本,而不是表达式的一部分。
@符号如何跟邮箱中的@区别呢?
 
例如:
 
 <span>wolfy@163.com</span>
你会发现,形如上面的代码并没有报错,Razor是如何做到呢?
 
Razor采用了一个简单的算法来判别看起来像邮箱地址的字符串到底是不是一个有效的邮箱地址。虽然它并不完美,但却可以适用于大多数情况。在一些特殊情况下,有效的邮箱地址可能会显示不出来,这是可以用两个@@符号转义一个@符号。
 
如果,我们想要这样的字符串作为一个表达式,该怎么办?
 
假如,我们有这样的一个列表项:
 
<li>item_@item.Length</li>
这种特殊情况下,这个表达式会被解析为一个邮箱地址,所以Razor将其逐字打印。但我们想要的结果是:
 
<li>item_3</li>
所以遇到这种情况,我们仍可以使用圆括号指明想要的内容。
 
<li>item_@(item.Length)</li>
如果想输出@开头的字符,可以使用@@转义@字符。
 
 HTML编码
 
在很多情况下需要用视图显示用户的输入,例如一些网站的评论功能。所以总是存在潜在的跨站脚本注入攻击(XSS)。这些,Razor也替我们想到了,Razor表达式是用HTML自动编码的。
 
1         @{string strAlert = "<script>alert('警告');</script>";}
2         <span>@strAlert</span>
查看生成的html,你会发现对标签进行了html编码:
 
<span>&lt;script&gt;alert('警告');&lt;/script&gt;</span>
页面显示
 
 
 
无编码代码表达式
 
如果我们确实想让浏览器解析成html标签,就需要返回一个System.Web.IHtmlString对象的实例,这种情况下Razor并不对它进行编码。例如html辅助类。同样我们可以使用Html.Raw方法。
 
1         @{string strAlert = "<script>alert('警告');</script>";}
2         <span>@Html.Raw(strAlert)</span>
此时浏览该视图,就会出现弹出框。
另外需要注意,当在js中将用户提供的值赋给变量时,要使用js字符串编码而不仅仅是html编码。也就是要是用@Ajax.JavaScriptStringEncode方法对用户输入进行编码。
 
代码块
 
代码块是简单的执行代码部分。
 
例如
 
1         @{
2             int x = 123;
3             string y = "wofly";
4         }
上面代码块定义变量int类型的x和字符串类型y,如果想输出它们,则可以使用@x和@y。
 
文本和标签混合使用
 
1         @foreach (var item in models) {
2         <span>@item.Name</span>
3         }
 混合代码和纯本文
 
1 @if (true)
2 {
3     <text>这是文本</text>
4 }
服务器端的注释可以使用@**@对不想要的代码进行注释。
 
@*@if (true)
{
    <text>这是文本</text>
}*@
调用泛型方法
 
1  @(Html.SomeMethod<T>())
 
 
总结
 这里简单的介绍了Razor的两种基本类型:代码表达式和代码块。语法没有想的那么难。关键在于@字符。

[Asp.net MVC]Asp.net MVC5系列——Razor语法的更多相关文章

  1. [ASP.NET MVC 小牛之路]03 - Razor语法

    本人博客已转移至:http://www.exblr.com/liam  Razor是MVC3中才有的新的视图引擎.我们知道,在ASP.NET中,ASPX的视图引擎依靠<%和%>来调用C#指 ...

  2. [ASP.NET MVC 小牛之路]03 - Razor语法(转)

    出处:http://www.cnblogs.com/willick/p/3224144.html Razor是MVC3中才有的新的视图引擎.我们知道,在ASP.NET中,ASPX的视图引擎依靠< ...

  3. 【ASP.NET MVC 学习笔记】- 03 Razor语法

    本文参考:http://www.cnblogs.com/willick/p/3224144.html 1.Razor语句以@开头. 2.每个View都有自己的Model属性,可通过@Model调用.语 ...

  4. [Asp.net MVC]Asp.net MVC5系列——布局视图

    目录 系列文章 概述 布局视图 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列——添加视图 [Asp.net M ...

  5. Asp.net MVC]Asp.net MVC5系列——Routing特性

    目录 概述 路由特性 使用路由 可选参数和参数的默认值 路由前缀 默认路由 路由约束 自定义路由约束 路由名 区域(Area) 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列— ...

  6. [Asp.net MVC]Asp.net MVC5系列——添加视图

    目录 系列文章 概述 添加视图 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 概述 在这一部分我们添加一个新的控制器HelloWorldController类, ...

  7. [Asp.net MVC]Asp.net MVC5系列——在模型中添加验证规则

    目录 概述 在模型中添加验证规则 自定义验证规则 伙伴类的使用 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5 ...

  8. [Asp.net MVC]Asp.net MVC5系列——添加模型

    目录 概述 添加模型 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列——添加视图 概述 在本节中我们将追加 ...

  9. [Asp.net MVC]Asp.net MVC5系列——从控制器访问模型中的数据

    目录 概述 从控制器访问模型中的数据 强类型模型与@model关键字 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net M ...

随机推荐

  1. 常用Linux命令小结

    常用Linux命令小结 Linux下有很多常用的很有用的命令,这种命令用的多了就熟了,对于我来说,如果长时间没有用的话,就容易忘记.当然,可以到时候用man命令查看帮助,但是,到时候查找的话未免有些临 ...

  2. HDU4675【GCD of scequence】【组合数学、费马小定理、取模】

    看题解一开始还有地方不理解,果然是我的组合数学思维比较差 然后理解了之后自己敲了一个果断TLE.... 我以后果然还得多练啊 好巧妙的思路啊 知识1: 对于除法取模还需要用到费马小定理: a ^ (p ...

  3. 10.cadence.自定义焊盘的创建[原创]

    一.自定义图形焊盘 1.设置环境(面板大小,格点) --- ------ 圆形 Shape > Circular ---- 两个DRC错误,证明图形重合了, 将图形复合一下: --- 椭圆类焊盘 ...

  4. hdu - 1240 Nightmare && hdu - 1253 胜利大逃亡(bfs)

    http://acm.hdu.edu.cn/showproblem.php?pid=1240 开始没仔细看题,看懂了发现就是一个裸的bfs,注意坐标是三维的,然后每次可以扩展出6个方向. 第一维代表在 ...

  5. Hosting Your Own NuGet Feeds

    Hosting Your Own NuGet Feeds Hosting the NuGet Gallery Locally in IIS https://github.com/NuGet/NuGet ...

  6. leetcode:Power of Two

    Given an integer, write a function to determine if it is a power of two. 分析:这道题让我们判断一个数是否为2的次方数(而且要求 ...

  7. minimum-number-of-arrows-to-burst-balloons(还挺好)

    https://leetcode.com/problems/minimum-number-of-arrows-to-burst-balloons/ 与会议室排期问题,很相似. package com. ...

  8. Android实现自定义字体

    介绍 最近在看开源项目的时候,发现里面涉及到了自定义字体,虽然自己目前还用不到,但是动手demo笔记记录一下还是有必要的,没准哪天需要到这个功能. 原理 1.其实实现起来非常简单,主要是用到了Type ...

  9. Android微信SDK API 调用教程1

    最近一直在调用微信的API,却发现一直调用不成功,纠结了好久,各方面找教程,找官方,官方里的文档也只是写得很模糊,说是按三步走. 1.申请App_ID 2.填写包名3. 获取程序签名的md5值, 这三 ...

  10. XML文件读取工具类

    /// <summary> /// Author: jiangxiaoqiang /// </summary> public class XmlReader { //===== ...