Razor语法大全
From:?http://www.cnblogs.com/dengxinglin/p/3352078.html
Razor是基于framewor4以上寫(xiě)的一個(gè)開(kāi)源項(xiàng)目：https://github.com/Antaris/RazorEngine/
Razor是包含了模板引擎和動(dòng)態(tài)編譯兩部分。本部分就簡(jiǎn)單記錄了模板引擎的一些語(yǔ)法，之后用Razor做一個(gè)代碼生成器，就使用Razor的語(yǔ)法來(lái)。
Razor的發(fā)布是和MVC一起的，作為MVC的視圖模板引擎。
?
Razor文件類(lèi)型
? ?Razor可以在vb.net和C#中使用。分別對(duì)應(yīng)了兩種文件類(lèi)型，.vbhtml和.cshtml?
?
Razor的標(biāo)識(shí)符
? ??@字符被定義為Razor服務(wù)器代碼塊的標(biāo)識(shí)符，后面的表示是服務(wù)器代碼了。web form中使用<%%>中寫(xiě)服務(wù)器代碼一個(gè)道理。在vs工具里面提供了代碼著色和智能感應(yīng)的功能。如下面代碼：
@{string userName= "鄧星林";}<span>@userName</span><span>@DateTime.Now.ToString("yyyy-MM-hh")</span>?
Razor的作用域
? ? ?在上面一個(gè)例子中都已經(jīng)使用到了大括號(hào){}，不錯(cuò)，大括號(hào)里面的就是表示作用域的范圍，用形如@{code}來(lái)寫(xiě)一段代碼塊。
@{string userName= "鄧星林";@userName }在作用域(代碼塊)中輸出也是用@符號(hào)的。
?
用Razor和html代碼混合編寫(xiě)
? ?在Razor中寫(xiě)html代碼和html代碼中寫(xiě)Razor語(yǔ)句都是可以的，并且還有智能提示。
? ?a.在作用域內(nèi)如果是以html標(biāo)簽開(kāi)始則視為文本輸出
? ?b.如果要輸出@，則使用@@
? ?c.如果要輸出非html標(biāo)簽和非Razor語(yǔ)句的代碼，則用@:，他的作用是相當(dāng)于在處于html下面編寫(xiě)一樣了，如在@：后面可以加上@就是表示Razor語(yǔ)句的變量
?如：
@{var str = "abc";////下面會(huì)輸出：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作用塊里面本身就是服務(wù)器代碼了，因此可使用服務(wù)器代碼的注釋，注釋有//和/**/分別是單行注釋和多行注釋。
? ?另外razor注釋還可以使用自身特有的@* 注釋的內(nèi)容 *@，支持單行和多行的。
@{@*多行注釋多行注釋*@var i = 10; @* asdfasf *@ }Razor類(lèi)型轉(zhuǎn)換
? ? ? ? ?As系列擴(kuò)展方法和Is系列擴(kuò)展方法
? ? ??? ? AsInt(), IsInt()
? ? AsBool(),IsBool()
? ? AsFloat(),IsFloat()
? AsDecimal(),IsDecimal()
? ? AsDateTime(),IsDateTime()
? ToString()
@{var i = “10”; } <p> i = @i.AsInt() </p> <!-- 輸出 i = 10 -->?
razor其它
??@Href("~/")//表示網(wǎng)站的根目錄
??@Html.Raw(Module.Content) ?輸出HTML，如：@Html.Raw('<font color='red'>紅字</font>')，就會(huì)顯示出紅色的”紅字“，不用的話(huà)會(huì)直接顯示這段html字符串（<font color='red'>紅色文字</font>）
?
?
?
在實(shí)際中，比如一個(gè)網(wǎng)站，整過(guò)框架是一樣的，而有的地方是很多相同的版塊。因此我們需要復(fù)用。
?
布局（Layout）
? ?layout方式布局就是相當(dāng)于一個(gè)模板一樣的，我們?cè)谒刂返胤饺ヌ砑哟a。相當(dāng)于定義好了框架，作為一個(gè)母版頁(yè)的，在它下面的頁(yè)面需要修改不同代碼的地方使用@RenderBody()方法
<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"/><title>我的網(wǎng)站 - @Page.Title</title></head><body>@RenderBody()</body> </html> @{Layout = "/LayoutPage.cshtml";Page.Title = "測(cè)試頁(yè)面哦"; }<p>This is a layout test</p>?
頁(yè)面（Page）
?page是當(dāng)需要在一個(gè)頁(yè)面中，輸出另外一個(gè)razor文件的內(nèi)容時(shí)候用到，比如頭部或者尾部這些公共的內(nèi)容時(shí)候需要用到。輸出就使用?@RenderPage()方法
如：A頁(yè)面中也要把B頁(yè)面的內(nèi)容輸出
A頁(yè)面：
<p>@RenderPage("/b.cshtml") </p>b頁(yè)面的代碼如下：
<font color="red">這是一個(gè)子頁(yè)面</font>?
Section區(qū)域
? ??Section是定義在Layou的中使用的。在Layout的頁(yè)面中用。在要Layout的父頁(yè)面中使用@RenderSection("Section名稱(chēng)?")
定義：
<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"/><title>我的網(wǎng)站 - @Page.Title</title></head><body>?@RenderSection("SubMenu")@RenderBody()</body> </html>在它的子頁(yè)面中使用
@section SubMenu{Hello This is a section implement in About View.}?如果在子頁(yè)面中沒(méi)有去實(shí)現(xiàn)了SubMenu了，則會(huì)拋出異常。我們可以它的重載@RenderSection("SubMenu", false)
@if (IsSectionDefined("SubMenu")){@RenderSection("SubMenu", false)}else{<p>SubMenu Section is not defined!</p>}?
?Helper
? ?helper就是可以定義可重復(fù)使用的幫助器方法，不僅可以在同一個(gè)頁(yè)面不同地方使用，還可以在不同的頁(yè)面使用。
如在cshtml中那么寫(xiě)：
@helper sum(int a,int b) { var result=a+b;@result } <div ><p>@@helper的語(yǔ)法</p> <p>2+3=@sum(2,3)</p> <p>5+9=@sum(5,9)</p> </div>我們通常會(huì)把一類(lèi)Helper放在一個(gè)單獨(dú)的cshtml文件中，而文件名就相當(dāng)于一個(gè)類(lèi)名。
我把sum放在HelpMath.cshtml文件中，則我們?cè)谀巧厦鎐shtml中的使用方法是:
<p>2+3=@HelpMath.sum(2,3)</p> <p>5+9=@HelpMath.sum(5,9)</p>另外，系統(tǒng)還為我們提供了一些列的Helper，用來(lái)簡(jiǎn)化Html的書(shū)寫(xiě)。這些Helper放在@Html中，我們可以方便的使用：
<p>@Html.TextBox("txtName") </p>?本文頁(yè)面來(lái)源地址：http://www.cnblogs.com/dengxinglin/p/3352078.html
總結(jié)
- 上一篇： Fgui: Glist 实现无限滑动 虚
- 下一篇： HttpCookie