ASP.NET Web Pages - 添加 Razor 代碼
在本教程中,我們將通過(guò) C# 和 Visual Basic 代碼來(lái)使用 Razor 標(biāo)記。
什么是 Razor?
- Razor 是一種向網(wǎng)頁(yè)添加基于服務(wù)器的代碼的標(biāo)記語(yǔ)法
- Razor 擁有傳統(tǒng) ASP.NET 標(biāo)記的能力,但是更易學(xué)習(xí),更易使用
- Razor 是一種類(lèi)似 ASP 和 PHP 的服務(wù)器端標(biāo)記語(yǔ)法
- Razor 支持 C# 和 Visual Basic 編程語(yǔ)言
添加 Razor 代碼
記得上一章中的網(wǎng)頁(yè)嗎:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Web Pages Demo</title> </head> <body> <h1>Hello Web Pages</h1> </body> </html>
現(xiàn)在向例子中添加一些 Razor 代碼:
實(shí)例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Web Pages Demo</title> </head> <body> <h1>Hello Web Pages</h1> <p>The time is @DateTime.Now</p> </body> </html>
運(yùn)行實(shí)例
該頁(yè)面包含常規(guī)的 HTML 標(biāo)記,此外還包含:由 @ 標(biāo)記的 Razor 代碼。
Razor 代碼的全部工作是檢測(cè)服務(wù)器上的當(dāng)前時(shí)間,然后顯示出來(lái)。(您可以指定格式選項(xiàng),或者僅僅以默認(rèn)格式顯示)
C# 的主要 Razor 語(yǔ)法規(guī)則
- Razor 代碼塊由 @{ ... } 包圍
- 行內(nèi)表達(dá)式(變量和函數(shù))以 @ 開(kāi)始
- 代碼語(yǔ)句以分號(hào)結(jié)束
- 變量通過(guò) var 關(guān)鍵詞進(jìn)行聲明
- 字符串用引用來(lái)包圍
- C# 代碼對(duì)大小寫(xiě)敏感
- C# 文件的擴(kuò)展名是 .cshtml
C# 實(shí)例
<!-- 單行代碼塊 --> @{ var myMessage = "Hello World"; } <!-- 行內(nèi)表達(dá)式或變量 --> <p>The value of myMessage is: @myMessage</p> <!-- 多行代碼塊 --> @{ var greeting = "Welcome to our site!"; var weekDay = DateTime.Now.DayOfWeek; var greetingMessage = greeting + " Today is: " + weekDay; } <p>The greeting is: @greetingMessage</p>
運(yùn)行實(shí)例
VB 的主要 Razor 語(yǔ)法規(guī)則
- Razor 代碼塊由 @Code ... End 包圍
- 行內(nèi)表達(dá)式(變量和函數(shù))以 @ 開(kāi)始
- 變量通過(guò) Dim 關(guān)鍵詞進(jìn)行聲明
- 字符串用引用來(lái)包圍
- C# 代碼對(duì)大小寫(xiě)不敏感
- C# 文件的擴(kuò)展名是 .vbhtml
實(shí)例
<!-- 單行代碼塊 --> @Code dim myMessage = "Hello World" End Code <!-- 行內(nèi)表達(dá)式或變量 --> <p>The value of myMessage is: @myMessage</p> <!-- 多行代碼塊 --> @Code dim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Today is: " & weekDay End Code <p>The greeting is: @greetingMessage</p>
運(yùn)行實(shí)例
有關(guān) C# 和 Visual Basic 的更多信息
如果希望學(xué)習(xí)更多有關(guān) Razor 以及 C# 和 Visual Basic 編程語(yǔ)言的更多知識(shí),請(qǐng)?jiān)L問(wèn)本教程的 Razor 部分。