ASP.NET Web Pages Razor

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

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

什么是 Razor ？

  • Razor 是一種將基于服務器的代碼添加到網頁中的標記語法
  • Razor 具有傳統(tǒng) 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>

現(xiàn)在向實例中添加一些 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# 語法規(guī)則

  • Razor 代碼塊包含在 @{ ... } 中
  • 內聯(lián)表達式（變量和函數）以 @ 開頭
  • 代碼語句用分號結束
  • 變量使用 var 關鍵字聲明
  • 字符串用引號括起來
  • C# 代碼區(qū)分大小寫
  • 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 語法規(guī)則

  • Razor 代碼塊包含在 @Code ... End Code 中
  • 內聯(lián)表達式（變量和函數）以 @ 開頭
  • 變量使用 Dim 關鍵字聲明
  • 字符串用引號括起來
  • VB 代碼不區(qū)分大小寫
  • 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 部分。

相關教程

C#教程

以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號