這是我正在寫的博文系列中的另一篇,涵蓋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è)@：字符序列：

注意我們在第二個(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ì)有所幫助。也希望大家多多支持腳本之家。

最新評論