ASP.NET Web Pages - 添加 Razor 代碼

在本教程中，我們將通過 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 代碼的全部工作是檢測服務器上的當前時間，然后顯示出來。（您可以指定格式選項，或者僅僅以默認格式顯示）

C# 的主要 Razor 語法規則

  • Razor 代碼塊由 @{ ... } 包圍
  • 行內表達式（變量和函數）以 @ 開始
  • 代碼語句以分號結束
  • 變量通過 var 關鍵詞進行聲明
  • 字符串用引用來包圍
  • 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>The greeting is: @greetingMessage</p>

運行實例

VB 的主要 Razor 語法規則

  • Razor 代碼塊由 @Code ... End 包圍
  • 行內表達式（變量和函數）以 @ 開始
  • 變量通過 Dim 關鍵詞進行聲明
  • 字符串用引用來包圍
  • C# 代碼對大小寫不敏感
  • C# 文件的擴展名是 .vbhtml

實例

<!-- 單行代碼塊 -->
@Code dim myMessage = "Hello World" End Code
<!-- 行內表達式或變量 -->
<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>問候語是：@greetingMessage</p>

運行實例

有關 C# 和 Visual Basic 的更多信息

如果希望學習更多有關 Razor 以及 C# 和 Visual Basic 編程語言的更多知識，請訪問本教程的 Razor 部分。