詳解ASP.NET MVC3:Razor的@:和語(yǔ)法

更新時(shí)間：2019年01月24日 09:41:22 作者：森大科技

這篇文章主要介紹了詳解ASP.NET MVC3:Razor的@:和語(yǔ)法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

這是我正在寫的博文系列中的另一篇,涵蓋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>語(yǔ)法（今天）

本文將討論新版Razor里視圖引擎中支持的兩個(gè)有用的語(yǔ)法功能：@:和<text>語(yǔ)法。

用Razor實(shí)現(xiàn)流暢編程

ASP.NET MVC 3配有一個(gè)新的名為“Razor”的視圖引擎選項(xiàng)(除了已有的.aspx視圖引擎)。您可以在我發(fā)表的介紹Razor的博客上了解更多關(guān)于Razor的信息，比如我們?yōu)槭裁匆M(jìn)它以及它所支持的語(yǔ)法。

Razor盡量減少編寫一個(gè)視圖模板需要敲入的字符數(shù)，實(shí)現(xiàn)快速流暢的編程工作流。與大部分模板的語(yǔ)法不同，你不必在HTML中為了明確地標(biāo)記出服務(wù)器端語(yǔ)句塊的開(kāi)始和結(jié)束而中斷編程。Razor解析器足夠聰明，能從你的代碼中推斷出來(lái)。這樣就使得語(yǔ)法簡(jiǎn)潔明了，可以干凈、快速和有趣地輸入。

例如下面的代碼片段迭代一列商品(product)：

Razor用來(lái)隱式鑒別一個(gè)代碼段什么時(shí)候結(jié)束的一個(gè)方法是尋找代表內(nèi)容塊開(kāi)始的標(biāo)記或元素內(nèi)容。例如，在上面的代碼段中Razor自動(dòng)地把foreach循環(huán)里面的<li></li>模塊當(dāng)作一個(gè)HTML內(nèi)容塊，因?yàn)樗吹介_(kāi)始的<li>標(biāo)記序列并且知道這在C#中是無(wú)效的。

這個(gè)獨(dú)特的技術(shù)——使用標(biāo)記來(lái)識(shí)別代碼中的內(nèi)容塊——是使Razor在涉及HTML生成的情況下簡(jiǎn)潔高效的一個(gè)重要因素。

用@明確表示內(nèi)容的起始

然而不是所有的內(nèi)容塊都是以標(biāo)記元開(kāi)始，在有些案例中，Razor解析器不能隱式檢測(cè)出內(nèi)容塊。

這就需要Razor通過(guò)在代碼塊中使用“@：字符序列”來(lái)顯式指明內(nèi)容塊的開(kāi)始。@：序列表明該行后面的內(nèi)容應(yīng)該被視為內(nèi)容塊：

由于我沒(méi)有將消息“已售完！”嵌套在HTML標(biāo)簽元素內(nèi)，Razor不能隱式判斷@if塊中的內(nèi)容是否是一個(gè)內(nèi)容塊的開(kāi)始。我們用“@：字符序列”來(lái)明確地指出我們代碼段里的這行應(yīng)被當(dāng)作是內(nèi)容塊。

在@：內(nèi)容塊中使用代碼碎塊(Code Nugget)

除了輸出靜態(tài)內(nèi)容，你也可以使代碼碎塊嵌入以@：字符序列開(kāi)始的內(nèi)容塊中。

例如，在下面的代碼段中我們有兩個(gè)@：字符序列：

注意我們?cè)诘诙€(gè)@:序列中如何發(fā)送內(nèi)容塊中的單品(Unit)數(shù)目的（例如“只剩下3了！”）。我們通過(guò)在內(nèi)容行中嵌入一個(gè)@p.UnitsInStock代碼碎塊來(lái)實(shí)現(xiàn)。

多行內(nèi)容

Razor使在HTML元素中包裝多行內(nèi)容變得簡(jiǎn)單。例如，下面我們的@if容器中的內(nèi)容塊被包裝在一個(gè)HTML<p>元素中，這會(huì)使得Razor把它當(dāng)作內(nèi)容：

<text>標(biāo)簽是一個(gè) Razor 特殊處理的元素。Razor將<text>塊的內(nèi)部?jī)?nèi)容視為內(nèi)容塊，不呈現(xiàn)包含那些內(nèi)容的<text>標(biāo)簽（這意味著只呈現(xiàn)<text>內(nèi)部?jī)?nèi)容，不呈現(xiàn)標(biāo)簽本身）。這使呈現(xiàn)沒(méi)有被HTML元素包裝的多行內(nèi)容塊變得方便。

如果你喜歡<text>元素勝過(guò)更簡(jiǎn)潔的@: 序列，<text>元素也能根據(jù)需要用來(lái)標(biāo)識(shí)單行內(nèi)容：

總結(jié)

Razor啟用了一種簡(jiǎn)潔的模板語(yǔ)法，實(shí)現(xiàn)非常流暢的編碼工作流。 Razor能靈活地通過(guò)檢測(cè)<tag>元素來(lái)識(shí)別內(nèi)容塊的起始，從而讓Razor方法在有HTML生成的場(chǎng)景中很有效，也使你在95% 左右的 if/else 和foreach 場(chǎng)景中，不用明顯地標(biāo)注內(nèi)容塊的開(kāi)始/結(jié)束.

在當(dāng)你不想在一個(gè)代碼容器塊中使用HTML元素，卻需要更精確地標(biāo)明一個(gè)內(nèi)容塊的邊界時(shí)，你可以使用Razor的@:和<text>語(yǔ)法。

希望這些會(huì)有所幫助。也希望大家多多支持腳本之家。

您可能感興趣的文章: