最新的Web開發教程
 

ASP.NET網頁 - 添加剃刀代碼


在本教程中,我們將使用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部分本教程。