網頁剃刀

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

#實例

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

#執行實例»
點擊"運行實例" 按鈕查看線上實例
主要的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 & " Here in Huston it is: " & weekDay
End Code 

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

###
運行實例»

點擊"運行實例" 按鈕查看線上實例

#更多關於C# 和Visual Basic

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