ASP.NET Web Pages Razor

2022-09-17 17:59 更新
在以下的內(nèi)容中，你將了解什么是 Razor？如何添加 Razor 代碼？Razor C# 與 VB 的語(yǔ)法規(guī)則是什么？

在本教程中，我們將使用 C# 和 Visual Basic 代碼的 Razor 標(biāo)記。

什么是 Razor ？

  • Razor 是一種將基于服務(wù)器的代碼添加到網(wǎng)頁(yè)中的標(biāo)記語(yǔ)法
  • Razor 具有傳統(tǒng) ASP.NET 標(biāo)記的功能，但更容易使用并且更容易學(xué)習(xí)
  • Razor 是一種服務(wù)器端標(biāo)記語(yǔ)法，與 ASP 和 PHP 很像
  • Razor 支持 C# 和 Visual Basic 編程語(yǔ)言

添加 Razor 代碼

請(qǐng)記住上一章實(shí)例中的網(wǎng)頁(yè)：

<!DOCTYPE html>

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

現(xiàn)在向?qū)嵗刑砑右恍?Razor 代碼：

實(shí)例

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

該頁(yè)面中包含普通的 HTML 標(biāo)記，除此之外，還添加了一個(gè) @ 標(biāo)識(shí)的 Razor 代碼。

Razor 代碼能夠在服務(wù)器上實(shí)時(shí)地完成多有的動(dòng)作，并將結(jié)果顯示出來。（您可以指定格式化選項(xiàng)，否則只會(huì)顯示默認(rèn)項(xiàng)。）

主要的 Razor C# 語(yǔ)法規(guī)則

  • Razor 代碼塊包含在 @{ ... } 中
  • 內(nèi)聯(lián)表達(dá)式（變量和函數(shù)）以 @ 開頭
  • 代碼語(yǔ)句用分號(hào)結(jié)束
  • 變量使用 var 關(guān)鍵字聲明
  • 字符串用引號(hào)括起來
  • C# 代碼區(qū)分大小寫
  • C# 文件的擴(kuò)展名是 .cshtml

C# 實(shí)例

<!-- 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 語(yǔ)法規(guī)則

  • Razor 代碼塊包含在 @Code ... End Code 中
  • 內(nèi)聯(lián)表達(dá)式（變量和函數(shù)）以 @ 開頭
  • 變量使用 Dim 關(guān)鍵字聲明
  • 字符串用引號(hào)括起來
  • VB 代碼不區(qū)分大小寫
  • VB 文件的擴(kuò)展名是 .vbhtml

實(shí)例

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


更多關(guān)于 C# 和 Visual Basic

如果您想學(xué)習(xí)更多關(guān)于 Razor、C#、Visual Basic 編程語(yǔ)言，請(qǐng)查看本教程的 Razor 部分。

相關(guān)教程

C#教程

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)