溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

ASP.NET MVC3中Razor的@:和語法是什么

發(fā)布時間:2021-08-05 09:36:26 來源:億速云 閱讀:125 作者:小新 欄目:開發(fā)技術(shù)

這篇文章主要介紹了ASP.NET MVC3中Razor的@:和語法是什么,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

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

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

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

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

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

ASP.NET MVC3中Razor的@:和語法是什么

Razor用來隱式鑒別一個代碼段什么時候結(jié)束的一個方法是尋找代表內(nèi)容塊開始的標(biāo)記或元素內(nèi)容。例如,在上面的代碼段中Razor自動地把foreach循環(huán)里面的<li></li>模塊當(dāng)作一個HTML內(nèi)容塊,因為它看到開始的<li>標(biāo)記序列并且知道這在C#中是無效的。

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

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

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

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

ASP.NET MVC3中Razor的@:和語法是什么

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

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

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

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

ASP.NET MVC3中Razor的@:和語法是什么

注意我們在第二個@:序列中如何發(fā)送內(nèi)容塊中的單品(Unit)數(shù)目的(例如“只剩下3了!”)。我們通過在內(nèi)容行中嵌入一個@p.UnitsInStock代碼碎塊來實現(xiàn)。

多行內(nèi)容

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

ASP.NET MVC3中Razor的@:和語法是什么

<text>標(biāo)簽是一個 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)識單行內(nèi)容:

ASP.NET MVC3中Razor的@:和語法是什么

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“ASP.NET MVC3中Razor的@:和語法是什么”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI