程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET Web Pages Razor

ASP.NET Web Pages Razor

編輯:ASP.NET基礎

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 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# 語法規則

  • 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>
運行實例 »

更多關於 C# 和 Visual Basic

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


  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved