Latest web development tutorials

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 代碼能夠在服務器上實時地完成多有的動作，並將結果顯示出來。 （您可以指定格式化選項，否則只會顯示默認項。）

主要的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 -->
@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>

運行實例»

更多關於C# 和Visual Basic

如果您想學習更多關於Razor、C#、Visual Basic編程語言，請查看本教程的Razor部分 。