Razor語法大全


 本文頁面來源地址:http://www.cnblogs.com/dengxinglin/p/3352078.html

Razor是基於framewor4以上寫的一個開源項目:https://github.com/Antaris/RazorEngine/

Razor是包含了模板引擎和動態編譯兩部分。本部分就簡單記錄了模板引擎的一些語法,之后用Razor做一個代碼生成器,就使用Razor的語法來。

Razor的發布是和MVC一起的,作為MVC的視圖模板引擎。

 

Razor文件類型

   Razor可以在vb.net和C#中使用。分別對應了兩種文件類型,.vbhtml和.cshtml 

 

Razor的標識符

    @字符被定義為Razor服務器代碼塊的標識符,后面的表示是服務器代碼了。web form中使用<%%>中寫服務器代碼一個道理。在vs工具里面提供了代碼着色和智能感應的功能。如下面代碼:

@{string userName= "鄧星林";}
    <span>@userName</span>
    <span>@DateTime.Now.ToString("yyyy-MM-hh")</span>

 

Razor的作用域

     在上面一個例子中都已經使用到了大括號{},不錯,大括號里面的就是表示作用域的范圍,用形如@{code}來寫一段代碼塊。

@{
    string userName= "鄧星林";
    @userName
}

在作用域(代碼塊)中輸出也是用@符號的。

 

用Razor和html代碼混合編寫

   在Razor中寫html代碼和html代碼中寫Razor語句都是可以的,並且還有智能提示。

   a.在作用域內如果是以html標簽開始則視為文本輸出

   b.如果要輸出@,則使用@@

   c.如果要輸出非html標簽和非Razor語句的代碼,則用@:,他的作用是相當於在處於html下面編寫一樣了,如在@:后面可以加上@就是表示Razor語句的變量

 如:

@{

    var str = "abc";
        ////下面會輸出:this is a mail:dxl0321@qq.com, this is var: abc,this is mail@str,this is @;
    @: this is a mail:dxl0321@qq.com, this is var: @str,this is  mail@str,this is @@;
    //下面輸出abc
    @str
  
}

Razor作用塊注釋

    razor作用塊里面本身就是服務器代碼了,因此可使用服務器代碼的注釋,注釋有//和/**/分別是單行注釋和多行注釋。

   另外razor注釋還可以使用自身特有的@* 注釋的內容 *@,支持單行和多行的。

@{
   @*
       多行注釋
       多行注釋
   *@
   var i = 10;  @* asdfasf *@
}

Razor類型轉換

         As系列擴展方法和Is系列擴展方法

          AsInt(), IsInt()

      AsBool(),IsBool()

      AsFloat(),IsFloat()

     AsDecimal(),IsDecimal()

      AsDateTime(),IsDateTime()

    ToString()

@{
    var i = “10”;
}
<p> i = @i.AsInt() </p> <!-- 輸出 i = 10 --> 

 

razor其它

  @Href("~/")//表示網站的根目錄

  @Html.Raw(Module.Content)  輸出HTML,如:@Html.Raw('<font color='red'>紅字</font>'),就會顯示出紅色的”紅字“,不用的話會直接顯示這段html字符串(<font color='red'>紅色文字</font>)

 

 

 

在實際中,比如一個網站,整過框架是一樣的,而有的地方是很多相同的版塊。因此我們需要復用。

 

布局(Layout)

   layout方式布局就是相當於一個模板一樣的,我們在它地址地方去添加代碼。相當於定義好了框架,作為一個母版頁的,在它下面的頁面需要修改不同代碼的地方使用@RenderBody()方法

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>我的網站 - @Page.Title</title>
    </head>
    <body>
        @RenderBody()
    </body>
</html>
@{
    Layout = "/LayoutPage.cshtml";
    Page.Title = "測試頁面哦";
}

<p>This is a layout test</p>

 

頁面(Page)

 page是當需要在一個頁面中,輸出另外一個razor文件的內容時候用到,比如頭部或者尾部這些公共的內容時候需要用到。輸出就使用 @RenderPage()方法

如:A頁面中也要把B頁面的內容輸出

A頁面:

<p>
    @RenderPage("/b.cshtml")
</p>

b頁面的代碼如下:

<font color="red">這是一個子頁面</font>

 

Section區域

    Section是定義在Layou的中使用的。在Layout的頁面中用。在要Layout的父頁面中使用@RenderSection("Section名稱 ")

定義:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>我的網站 - @Page.Title</title>
    </head>
    <body>
     @RenderSection("SubMenu")
        @RenderBody()
    </body>
</html>

在它的子頁面中使用

@section SubMenu{
    Hello This is a section implement in About View.
 }

 如果在子頁面中沒有去實現了SubMenu了,則會拋出異常。我們可以它的重載@RenderSection("SubMenu", false)

 @if (IsSectionDefined("SubMenu"))
        {
            @RenderSection("SubMenu", false)
        }
        else
        {
            <p>SubMenu Section is not defined!</p>
        }

 

 Helper

   helper就是可以定義可重復使用的幫助器方法,不僅可以在同一個頁面不同地方使用,還可以在不同的頁面使用。

如在cshtml中那么寫:

@helper sum(int a,int b)
{  
   var result=a+b;
  @result
} <div > <p>@@helper的語法</p> <p>2+3=@sum(2,3)</p>
<p>5+9=@sum(5,9)</p>
</div>

我們通常會把一類Helper放在一個單獨的cshtml文件中,而文件名就相當於一個類名。

我把sum放在HelpMath.cshtml文件中,則我們在那上面cshtml中的使用方法是:

<p>2+3=@HelpMath.sum(2,3)</p> 
<p>5+9=@HelpMath.sum(5,9)</p>

另外,系統還為我們提供了一些列的Helper,用來簡化Html的書寫。這些Helper放在@Html中,我們可以方便的使用:

<p>
    @Html.TextBox("txtName")
</p>

 本文頁面來源地址:http://www.cnblogs.com/dengxinglin/p/3352078.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM