ASP.NET Web Pages - 新增 Razor 程式碼
ASP.NET Web Pages 使用 Razor 標記語言和 C# 或 VB 程式碼
Razor 標記語言
Razor 是一種簡單的標記語法，用於將伺服器程式碼（C# 或 VB）嵌入到 ASP.NET 網頁中。
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
<p>當前時間是 @DateTime.Now</p>
</body>
</html>
執行示例 »
上面的頁面同時包含普通 HTML 標記和 Razor 標記。
Razor 語法 (C#)
- C# 程式碼塊用 @{ ... } 包裹
- 內聯表示式（變數或函式）以 @ 開頭
- 程式碼語句以分號結尾
- 變數使用 var 關鍵字或資料型別（int, string 等）宣告
- 字串用引號括起來
- C# 程式碼區分大小寫
- C# 副檔名為 .cshtml
C# 示例
<!-- 單語句塊 -->
@{ var myMessage = "Hello World"; }
<!-- 內聯表示式或變數 -->
<p>myMessage 的值是: @myMessage</p>
<!-- 多語句塊 -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>問候語是: @greetingMessage</p>
執行示例 »
Razor 語法 (VB)
- VB 程式碼塊用 @Code ... End Code 包裹
- 內聯表示式（變數或函式）以 @ 開頭
- 變數使用 Dim 關鍵字宣告
- 字串用引號括起來
- VB 程式碼不區分大小寫
- VB 副檔名為 .vbhtml
VB 示例
<!-- 單語句塊 -->
@Code dim myMessage = "Hello World" End Code
<!-- 內聯表示式或變數 -->
<p>myMessage 的值是: @myMessage</p>
<!-- 多語句塊 -->
@Code
dim greeting = "歡迎訪問我們的網站！"
dim weekDay = DateTime.Now.DayOfWeek
dim greetingMessage = greeting & " Today is: " & weekDay
End Code
<p>問候語是: @greetingMessage</p>
執行示例 »
更多關於 C# 和 Visual Basic
如果您想了解更多關於 Razor，以及 C# 和 Visual Basic 程式語言的資訊
請訪問本教程的 Razor 部分。
