ASP.NET Web Pages:Razor

ylbtech-.Net-ASP.NET Web Pages:Razor

 

1.返回頂部
一、

ASP.NET Web Pages - 添加 Razor 代碼


在本教程中,咱們將使用 C# 和 Visual Basic 代碼的 Razor 標記。php


什麼是 Razor ?

  • Razor 是一種將基於服務器的代碼添加到網頁中標記語法
  • Razor 具備傳統 ASP.NET 標記的功能,但更容易使用而且更容易學習
  • Razor 是一種服務器端標記語法,與 ASP 和 PHP 很像
  • Razor 支持 C# 和 Visual Basic 編程語言

添加 Razor 代碼

請記住上一章實例中的網頁:html

<!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 代碼:web

實例

<!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 代碼express

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 部分服務器

二、
2.返回頂部
一、
二、
3.返回頂部
 
 
11.返回頂部
 
warn 做者:ylbtech
出處:http://ylbtech.cnblogs.com/
本文版權歸做者和博客園共有,歡迎轉載,但未經做者贊成必須保留此段聲明,且在文章頁面明顯位置給出原文鏈接,不然保留追究法律責任的權利。
相關文章
相關標籤/搜索