码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET的另一个视图引擎——Razor

时间:2014-08-22 22:33:21      阅读:360      评论:0      收藏:0      [点我收藏+]

标签:mvc   razor   asp.net   

 一、什么是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";
}
i=@i,str=@str</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的简洁,当然还有很多的不同,等着大家去用。






ASP.NET的另一个视图引擎——Razor

标签:mvc   razor   asp.net   

原文地址:http://blog.csdn.net/wangyongxia921/article/details/38757907

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!