ASP.NET Web Pages - 添加 Razor 代碼

在本教程中，我們將使用 C# 和 Visual Basic 代碼的 Razor 標(biāo)記。

什么是 Razor ？

  • Razor 是一種將基于服務(wù)器的代碼添加到網(wǎng)頁中的標(biāo)記語法

  • Razor 具有傳統(tǒng) ASP.NET 標(biāo)記的功能，但更容易使用并且更容易學(xué)習(xí)

  • Razor 是一種服務(wù)器端標(biāo)記語法，與 ASP 和 PHP 很像

  • Razor 支持 C# 和 Visual Basic 編程語言

添加 Razor 代碼

請記住上一章實(shí)例中的網(wǎng)頁：

<!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)在向?qū)嵗刑砑右恍?Razor 代碼：

實(shí)例

<!DOCTYPE html>
<html>
<body>
     <h1>Hello Web Pages</h1> 
     <p>The time is @DateTime.Now</p>
</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

該頁面中包含普通的 HTML 標(biāo)記，除此之外，還添加了一個 @ 標(biāo)識的 Razor 代碼。

Razor 代碼能夠在服務(wù)器上實(shí)時地完成多有的動作，并將結(jié)果顯示出來。（您可以指定格式化選項(xiàng)，否則只會顯示默認(rèn)項(xiàng)。）

主要的 Razor C# 語法規(guī)則

  • Razor 代碼塊包含在 @{ ... } 中

  • 內(nèi)聯(lián)表達(dá)式（變量和函數(shù)）以 @ 開頭

  • 代碼語句用分號結(jié)束

  • 變量使用 var 關(guān)鍵字聲明

  • 字符串用引號括起來

  • C# 代碼區(qū)分大小寫

  • C# 文件的擴(kuò)展名是 .cshtml

實(shí)例

<html>
<body>
<!-- Single statement block -->
@{ var myMessage = "Hello World"; }

<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p> 

<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Here in Huston it is: " + weekDay;
}

<p>The greeting is: @greetingMessage</p>
</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例


主要的 Razor VB 語法規(guī)則

  • Razor 代碼塊包含在 @Code ... End Code 中

  • 內(nèi)聯(lián)表達(dá)式（變量和函數(shù)）以 @ 開頭

  • 變量使用 Dim 關(guān)鍵字聲明

  • 字符串用引號括起來

  • VB 代碼不區(qū)分大小寫

  • VB 文件的擴(kuò)展名是 .vbhtml

實(shí)例

<!-- Single statement block  --> 
@Code dim myMessage = "Hello World" End Code
 
<!-- Inline expression or variable --> 
<p>The value of myMessage is: @myMessage</p> 
 
<!-- Multi-statement block --> 
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Here in Huston it is: " & weekDay
End Code 

<p>The greeting is: @greetingMessage</p>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

更多關(guān)于 C# 和 Visual Basic

如果您想學(xué)習(xí)更多關(guān)于 Razor、C#、Visual Basic 編程語言，請查看本教程的 Razor 部分。