在本教程中,我們將使用Razor標記使用C#和Visual Basic代碼
什麼是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代碼執行確定服務器的當前時間,並顯示它的所有工作。 (You can specify formatting options, or just display the default)
主要Razor語法規則為C#
- Razor代碼塊被封閉在@ {...}
- 內聯表達式(variables and functions)開始與@
- 代碼語句結束與分號
- 變量的聲明與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 ...結束碼
- 內聯表達式(variables and functions)開始與@
- 變量的聲明與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
如果您想了解更多關於剃須刀,以及C#和Visual Basic編程語言,去到Razor部分本教程。