在本教學中,我們將使用 C# 和 Visual Basic 程式碼的 Razor 標記。
什麼是 Razor ?
Razor 是將基於伺服器的程式碼新增至網頁中的標記語法
Razor 具有傳統ASP.NET 標記的功能,但更容易使用且更容易學習
Razor 是一種伺服器端標記語法,與ASP 和PHP 很像
Razor 支援C# 和Visual Basic 程式語言
新增Razor 程式碼
#請記得上一章實例中的網頁:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Web Pages Demo</title> </head> <body> <h1>Hello Web Pages</h1> </body> </html>
現在會在實例中加入一些Razor 程式碼:
實例
<!DOCTYPE html> <html> <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>
【相關推薦】
#4. 什麼是ASP.NET MVC ?總結ASP.NET MVC
#5. 深入了解ASP.NET MVC與WebForm的差異
#以上是分享ASP.NET學習筆記(1)--WebPages Razor的詳細內容。更多資訊請關注PHP中文網其他相關文章!