一、什么是Razor?
要是你知道什么是ASPX,那我就告诉你:Razor是和ASPX 一样的另一种视图引擎。说到视图就明白了很多吧。既然都为视图引擎,都是MS的东西,两个视图引擎,一前一后,肯定有区别。那么接下来让我们来认识一下Razor吧。
首先,Razor是作为一种后起的视图模板被ASP.NET MVC3使用。
这就暴露了Razor的一个重要信息:界面设计灵活,比aspx视图引擎更专注于WEB前端页面的设计。因为MVC就是基于WEB开发所诞生的一个设计模式,主旨之一就是将页面和业务逻辑解耦。如果说ASPX使用的很顺手的话,就没有必要在开发Razor了,所以这里的Razor是基于MVC设计的更适合WEB开发的视图引擎。
Razor在减少代码冗余、增强代码可读性和vs 智能感知方面,都有着突出的优势。
看看Razorde 特性吧:
· 紧凑、富有表现力和流畅:Razor尽量减少一个文件里需要敲入的字符数,给你畅快淋漓的编码体验。与大部分模板的语法不同,你不会因为需要在HTML中标注服务器端代码块而中断敲代码的快感。代码分析器足够聪明,能够从你的代码里推断出是否为服务器端代码。这使得其简洁、富有表现力的语法输入能够干净,快速,有趣。
· 上手快: Razor非常容易上手,你只需要了解很少的新东西就可以掌握它,使用你现有的编程语言和HTML知识就足够了。
· 不是一个新的编程语言:我们尽量避免为Razor创建一个新的命令式语言。相反,我们希望让程序员只使用现有的C#/VB(或其它)编程语言知识就能使用Razor,我们只不过在你选择的编程语言里,提供一个非常棒的基于模板生成HTML的标记语法。
· 可以使用任何文本编辑器编写:Razor不要求什么特别的工具,使用老古董的文本编辑器也可以高效编程(“记事本”就不错)。
· 很好的智能感应输入提示:虽然Razor不是专为某个工具或者代码编辑器设计的,但它在Visual Studio里还是有很赞的智能提示功能。我们将会升级Visual Studio 2010和Visual Web Developer 2010使得它具有完整的编辑器智能提示功能。
· 便于单元测试:新的视图引擎支持对视图执行单元测试,不需要控制器(controller)或者Web服务器,而且可以包含在任意的单元测试项目中—不需要单独的应用程序域(App-Domain)。
二、Razor语法的简单介绍
1、Razor语法之@符号
@字符是Razor中的一个重要符号,它被定义为Razor服务器代码块的开始符号。如果我们希望在网页中输出一个变量,或者当前日期,我们可以使用如下代码:
<span style="font-family:KaiTi_GB2312;font-size:18px;"> @{string productName = "台灯";} <span>@productName</span> <span>@DateTime.Now.ToString("yyyy-MM-hh")</span></span>
2、Razor语法之代码块定义
你可以使用@{code}来定义一段代码块。
<span style="font-family:KaiTi_GB2312;font-size:18px;">@{ int num1 =10; int num2 =5; int sum = num1 + num2; @sum; }</span>
在代码块中,我们编写代码的方式和通常服务器端代码的方式是一样的。另外,如果需要输出,例如上面的在页面中输出结果,我们可以使用@sum完成输出。另外,@(code)可以输出一个表达式的运算结果,上面的代码我们也可以写成这样:
<span style="font-family:KaiTi_GB2312;font-size:18px;">@{ int num1 =10; int num2 =5; int sum = num1 + num2; @(num1 +num2); }</span>
3、Razor语法之代码混写
Razor支持代码混写。在代码块中插入HTML、在HTML中插入Razor语句都是可以的
<span style="font-family:KaiTi_GB2312;font-size:18px;">@{ int num1 =10; int num2 =5; int sum = num1 + num2; string color ="Red"; <font color="@color">@sum</font> }</span>
4、Razor语法之注释
这里所说的注释是指服务器端的注释,在Razor代码块中,可以使用C#的注释方式来进行注释,分别是//:(单行注释)和/**/(多行注释)。
另外,Razor还提供了一种新的服务器段代码注释,可以即注释C#代码,同时可以注释HTML代码,@**@,这种注释方式不受代码块的限制,在Razor代码中的任何位置都可以
<span style="font-family:KaiTi_GB2312;font-size:18px;">@* 这是一个注释 <b>这个是注释</b> *@</span>
三、ASPX 和 Razor对比
既然已经学习了ASPX那么我们进行对比发信Razor的优势。 下面将结合示例看看:
首先是ASPX:
<span style="font-family:KaiTi_GB2312;font-size:18px;"><% int i = 100; string str = "mzwu.com"; %> i=<% =i %>, str=<% =str %></span>
转换为:Razor
<span style="font-family:KaiTi_GB2312;font-size:18px;">@{ int i = 100; string str = "mzwu.com"; } [email protected],[email protected]</span>
可见,Razor用@代替了<%和%>,在输出单个变量值时,显得更简单。
<span style="font-family:KaiTi_GB2312;font-size:18px;"><%for (int counter = 0; counter < 10; counter++){%> <span>number = <% =counter %>;</span> <%}%></span>
转换Razor
<span style="font-family:KaiTi_GB2312;font-size:18px;">@for (int counter = 0; counter < 10; counter++) { <span>number = @counter;</span> }</span>
从例子中可以看出,Razor比ASPX输的代码量少了,并且更智能,能自动分辨出C#代码和html。
到此只是简单的对比,发现Razor的简洁,当然还有很多的不同,等着大家去用。