ASP.NET 網頁剃刀

作者：Eve Cole 更新時間：2024-12-31 19:48:01

在以下的內容中，你將了解什麼是

Razor？如何加入Razor 代碼？ RazorC# 與VB 的語法規則是什麼？

在本教程中，我們將使用C# 和Visual Basic 程式碼的Razor 標記。

什麼是Razor ？

Razor 是一種將基於伺服器的程式碼新增至網頁中的標記語法

Razor 具有傳統ASP.NET 標記的功能，但更容易使用且更容易學習

Razor 是一種伺服器端標記語法，與ASP 和PHP 很像

Razor 支援C# 和Visual Basic 程式語言

新增Razor 代碼

請記住上一章實例中的網頁：

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Web Pages Demo</title> </head> <body> <h1>Hello Web Pages </h1> </body> </html>

現在在實例中加入一些Razor 程式碼：

實例

<!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>

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

Razor 程式碼能夠在伺服器上即時完成多有的動作，並將結果顯示出來。（您可以指定格式化選項，否則只會顯示預設項目。）

主要的Razor C# 語法規則

Razor 程式碼區塊包含在 @{ ... } 中

內聯表達式（變數和函數）以@ 開頭

程式碼語句用分號結束

變數使用var 關鍵字聲明

字串用引號括起來

C# 程式碼區分大小寫

C# 檔案的副檔名是.cshtml

C# 實例

<!-- 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 + " Today is: " + weekDay; }
 <p>The greeting is: @greetingMessage
 </p>

主要的Razor VB 語法規則

Razor 程式碼區塊包含在 @Code ... End Code 中

內聯表達式（變數和函數）以@ 開頭

變數使用Dim 關鍵字聲明

字串用引號括起來

VB 程式碼不區分大小寫

VB 檔案的副檔名是.vbhtml

實例

<!-- 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 --> @Codedim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Today is: " & weekDayEnd Code
 <p>The greeting is: @greetingMessage
 </p>