ASP.NET MVC 3: Razor中的@:和語法

ASP.NET MVC 3: Razor中的@:和語法

[原文發表地址] ASP.NET MVC 3: Razor’s @: and <text> syntax
[原文發表時間] December 15, 2010 11:48 PMweb

這是我正在寫的博文系列中的另外一篇,涵蓋ASP.NET MVC 3的一些新功能:編程

·        Razor中的新@模型關鍵字(10月19日)服務器

·        Razor中的層(10月22日)mvc

·        用Razor實現服務器端註釋(11月12日)asp.net

·        Razor的@:和<syntax>語法(今天)ide

本文將討論新版Razor裏視圖引擎中支持的兩個有用的語法功能:@:和<text>語法。編碼

用Razor實現流暢編程spa

ASP.NET MVC 3配有一個新的名爲「Razor」的視圖引擎選項(除了已有的.aspx視圖引擎)。您能夠在我發表的 介紹Razor的博客上了解更多關於Razor的信息,好比咱們爲何要引進它以及 它所支持的語法。.net

Razor儘可能減小編寫一個視圖模板須要敲入的字符數,實現快速流暢的編程工做流。與大部分模板的語法不一樣,你沒必要在HTML中爲了明確地標記出服務模塊的開始和結束而中斷編程。Razor解析器足夠聰明,能從你的代碼中推斷出來。這使其簡潔,富有表現力的語法輸入乾淨,快速,有趣。orm

例以下面的代碼片斷迭代一列商品(product):

當運行時它產生的結果以下:

Razor用來隱式鑑別一個代碼段何時結束的一個方法是尋找表明內容塊開始的標記或元素內容。例如,在上面的代碼段中Razor自動地把foreach循環裏面的<li></li>模塊看成一個HTML內容塊,由於它看到開始的<li>標記序列而且知道這在C#中是無效的。

這個獨特的技術——使用標記來識別代碼中的內容塊——是使Razor在涉及HTML生成的狀況下簡潔高效的一個重要因素。

用@明確表示內容的起始

然而不是全部的內容塊都是以標記元開始,在有些案例中,Razor解析器不能隱式檢測出內容塊。

這就須要Razor經過在代碼塊中使用「@:字符序列」來顯式指明內容塊的開始。@:序列代表該行後面的內容應該被視爲內容塊:

舉個更實際的例子。下面的代碼段顯示在商品脫銷的時候,咱們如何在商品名旁邊輸出信息「(已售完!)」:

因爲我沒有將消息「已售完!」嵌套在HTML標籤元素內,Razor不能隱式判斷@if塊中的內容是不是一個內容塊的開始。咱們用「@:字符序列」來明確地指出咱們代碼段裏的這行應被看成是內容塊。

在@:內容塊中使用代碼碎塊(Code Nugget)

除了輸出靜態內容,你也可使代碼碎塊嵌入以@:字符序列開始的內容塊中。

例如,在下面的代碼段中咱們有兩個@:字符序列:

注意咱們在第二個@:序列中如何發送內容塊中的單品(Unit)數目的(例如「只剩下3了!」)。咱們經過在內容行中嵌入一個@p.UnitsInStock代碼碎塊來實現。

多行內容

Razor使在HTML元素中包裝多行內容變得簡單。例如,下面咱們的@if容器中的內容塊被包裝在一個HTML<p>元素中,這會使得Razor把它看成內容:

對於在那些沒有被外部HTML元素包裝的多行內容情形,你可使用多個@: 序列:

另外 ,Razor容許你用一個<text>元素 來顯式標識內容:

<text>標籤是一個 Razor 特殊處理的元素。Razor將<text>塊的內部內容視爲內容塊,不呈現包含那些內容的<text>標籤(這意味着只呈現<text>內部內容,不呈現標籤自己)。這使呈現沒有被HTML元素包裝的多行內容塊變得方便。

若是你想要更簡潔的@: 序列,<text>元素也能根據須要用來標識單行內容:

上面的代碼將呈現出和咱們早期看過的@:版本相同的輸出。Razor會自動地從輸出結果中省略掉<text>包裝部件,只是呈現出<text>裏面的內容。

總結

Razor啓用一種簡潔的模式化語法,實現很是流暢的編碼工做流。 Razor能靈活地經過檢測<tag>元素來識別內容塊的起始, 從而讓Razor方法在有HTML生成的場景中頗有效,也使你不用明顯地標註95% 的 if/else 和foreach 場景中內容塊的開始/結束.

在當你不想在一個代碼容器塊中使用HTML元素,卻須要更精確地標明一個內容塊的邊界時,你可使用Razor的@:和<text>句法。

但願這些會有所幫助。

相關文章
相關標籤/搜索