首頁 > 文章 > 後端開發 > 分享ASP.NET學習筆記（1）--WebPages Razor

分享ASP.NET學習筆記（1）--WebPages Razor

零下一度原創: 2017-05-24 17:56:081882瀏覽

在本教學中，我們將使用 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>

【相關推薦】

1. ASP.NET免費影片教學

2. 分享ASP.NET學習筆記--WebPages 介紹

#4. 什麼是ASP.NET MVC ？總結ASP.NET MVC

#5. 深入了解ASP.NET MVC與WebForm的差異

以上是分享ASP.NET學習筆記（1）--WebPages Razor的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：分享ASP.NET學習筆記（2）--WebPages 介紹下一篇：分享ASP.NET學習筆記（2）--WebPages 介紹

看更多