詳解ASP.NET MVC3:Razor的@:和語法
這是我正在寫的博文系列中的另一篇,涵蓋ASP.NET MVC 3的一些新功能:
- http://weblogs.asp.net/scottgu/archive/2010/10/19/asp-net-mvc-3-new-model-directive-support-in-razor.aspx
- Razor中的布局10月22日)
- 用Razor實(shí)現(xiàn)服務(wù)器端注釋(11月12日)
- Razor的@:和<syntax>語法(今天)
本文將討論新版Razor里視圖引擎中支持的兩個(gè)有用的語法功能:@:和<text>語法。
用Razor實(shí)現(xiàn)流暢編程
ASP.NET MVC 3配有一個(gè)新的名為“Razor”的視圖引擎選項(xiàng)(除了已有的.aspx視圖引擎)。您可以在我發(fā)表的介紹Razor的博客上了解更多關(guān)于Razor的信息,比如我們?yōu)槭裁匆M(jìn)它以及 它所支持的語法。
Razor盡量減少編寫一個(gè)視圖模板需要敲入的字符數(shù),實(shí)現(xiàn)快速流暢的編程工作流。與大部分模板的語法不同,你不必在HTML中為了明確地標(biāo)記出服務(wù)器端語句塊的開始和結(jié)束而中斷編程。Razor解析器足夠聰明,能從你的代碼中推斷出來。這樣就使得語法簡潔明了,可以干凈、快速和有趣地輸入。
例如下面的代碼片段迭代一列商品(product):

Razor用來隱式鑒別一個(gè)代碼段什么時(shí)候結(jié)束的一個(gè)方法是尋找代表內(nèi)容塊開始的標(biāo)記或元素內(nèi)容。例如,在上面的代碼段中Razor自動(dòng)地把foreach循環(huán)里面的<li></li>模塊當(dāng)作一個(gè)HTML內(nèi)容塊,因?yàn)樗吹介_始的<li>標(biāo)記序列并且知道這在C#中是無效的。
這個(gè)獨(dú)特的技術(shù)——使用標(biāo)記來識(shí)別代碼中的內(nèi)容塊——是使Razor在涉及HTML生成的情況下簡潔高效的一個(gè)重要因素。
用@明確表示內(nèi)容的起始
然而不是所有的內(nèi)容塊都是以標(biāo)記元開始,在有些案例中,Razor解析器不能隱式檢測出內(nèi)容塊。
這就需要Razor通過在代碼塊中使用“@:字符序列”來顯式指明內(nèi)容塊的開始。@:序列表明該行后面的內(nèi)容應(yīng)該被視為內(nèi)容塊:

由于我沒有將消息“已售完!”嵌套在HTML標(biāo)簽元素內(nèi),Razor不能隱式判斷@if塊中的內(nèi)容是否是一個(gè)內(nèi)容塊的開始。我們用“@:字符序列”來明確地指出我們代碼段里的這行應(yīng)被當(dāng)作是內(nèi)容塊。
在@:內(nèi)容塊中使用代碼碎塊(Code Nugget)
除了輸出靜態(tài)內(nèi)容,你也可以使代碼碎塊嵌入以@:字符序列開始的內(nèi)容塊中。
例如,在下面的代碼段中我們有兩個(gè)@:字符序列:

注意我們?cè)诘诙€(gè)@:序列中如何發(fā)送內(nèi)容塊中的單品(Unit)數(shù)目的(例如“只剩下3了!”)。我們通過在內(nèi)容行中嵌入一個(gè)@p.UnitsInStock代碼碎塊來實(shí)現(xiàn)。
多行內(nèi)容
Razor使在HTML元素中包裝多行內(nèi)容變得簡單。例如,下面我們的@if容器中的內(nèi)容塊被包裝在一個(gè)HTML<p>元素中,這會(huì)使得Razor把它當(dāng)作內(nèi)容:

<text>標(biāo)簽是一個(gè) Razor 特殊處理的元素。Razor將<text>塊的內(nèi)部內(nèi)容視為內(nèi)容塊,不呈現(xiàn)包含那些內(nèi)容的<text>標(biāo)簽(這意味著只呈現(xiàn)<text>內(nèi)部內(nèi)容,不呈現(xiàn)標(biāo)簽本身)。這使呈現(xiàn)沒有被HTML元素包裝的多行內(nèi)容塊變得方便。
如果你喜歡<text>元素勝過更簡潔的@: 序列,<text>元素也能根據(jù)需要用來標(biāo)識(shí)單行內(nèi)容:

總結(jié)
Razor啟用了一種簡潔的模板語法,實(shí)現(xiàn)非常流暢的編碼工作流。 Razor能靈活地通過檢測<tag>元素來識(shí)別內(nèi)容塊的起始, 從而讓Razor方法在有HTML生成的場景中很有效,也使你在95% 左右的 if/else 和foreach 場景中,不用明顯地標(biāo)注內(nèi)容塊的開始/結(jié)束.
在當(dāng)你不想在一個(gè)代碼容器塊中使用HTML元素,卻需要更精確地標(biāo)明一個(gè)內(nèi)容塊的邊界時(shí),你可以使用Razor的@:和<text>語法。
希望這些會(huì)有所幫助。也希望大家多多支持腳本之家。
相關(guān)文章
Ext.net中的MessageBox的簡單應(yīng)用實(shí)現(xiàn)代碼
今天在項(xiàng)目中要用到簡單的MessageBox的使用。在Ext.net中沒有Winform那么簡單,直接寫MessageBox.show()的方法。于是就去examples.ext.net的例子網(wǎng)站找,想找到個(gè)實(shí)際能用的2012-03-03
asp.net forms身份驗(yàn)證,避免重復(fù)造輪子
最近開始一個(gè)小 asp.net 項(xiàng)目,整個(gè)項(xiàng)目需要登錄才能操作。以前大家都采用 asp 的方式 session + cookie 來實(shí)現(xiàn)身份驗(yàn)證,我一直對(duì) asp.net 自帶的 forms 驗(yàn)證早就耳聞,苦于沒實(shí)踐,今天剛好逮到機(jī)會(huì)實(shí)際應(yīng)用一下。2009-11-11
ASP.NET一次性對(duì)GridView批量更新多行數(shù)據(jù)
這篇文章介紹了ASP.NET一次性對(duì)GridView批量更新多行數(shù)據(jù)的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05
用Fine Uploader+ASP.NET MVC實(shí)現(xiàn)ajax文件上傳[代碼示例]
Fine Uploader(http://fineuploader.com/)是一個(gè)實(shí)現(xiàn) ajax 上傳文件的 Javascript 組件2013-01-01
ASP.NET Core優(yōu)雅的在開發(fā)環(huán)境保存機(jī)密(User Secrets)
這篇文章主要為大家詳細(xì)介紹了ASP.NET Core如何優(yōu)雅的在開發(fā)環(huán)境保存機(jī)密User Secrets,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
獲取asp.net服務(wù)器控件的客戶端ID和Name的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄@取asp.net服務(wù)器控件的客戶端ID和Name的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
.NET Core之微信支付之公眾號(hào)、H5支付詳解
這篇文章主要介紹了.NET Core之微信支付之公眾號(hào)、H5支付篇,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
asp.net C#實(shí)現(xiàn)解壓縮文件的方法
這篇文章主要介紹了asp.net C#實(shí)現(xiàn)解壓縮文件的方法,分別講述了三種不同的實(shí)現(xiàn)方法,是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11

