本文頁面來源地址: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
