首頁 > 後端開發 > C#.Net教程 > 分享ASP.NET學習筆記(1)--WebPages Razor

分享ASP.NET學習筆記(1)--WebPages Razor

零下一度
發布: 2017-05-24 17:56:08
原創
1985 人瀏覽過

在本教學中,我們將使用 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板