ASP.NET Razor——ASP.NET Razor - C#代碼文法

來源:互聯網
上載者:User

標籤:

Razor 同時支援 C# (C sharp) 和 VB (Visual Basic)。

主要的 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 + " Here in Huston it 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 & " Here in Huston it is: " & weekDay
End Code 

<p>The greeting is: @greetingMessage</p>
運行執行個體 »

 

它是如何工作的?

Razor 是一種將伺服器代碼嵌入在網頁中的簡單的編程文法。

Razor 語法是基於 ASP.NET 架構,專門用於建立 Web 應用程式的部分 Microsoft.NET 架構。

Razor 語法支援所有 ASP.NET 的功能,但是使用的是一種簡化文法,對初學者而言更容易學習,對專家而言更有效率的。

Razor 網頁可以被描述成帶以下兩種類型內容的 HTML 網頁: HTML 內容和 Razor 代碼。

當伺服器讀取頁面時,它首先運行 Razor 代碼,然後再發送 HTML 頁面到瀏覽器。在伺服器上執行的代碼能夠執行一些在瀏覽器上不能完成的任務,比如,訪問伺服器資料庫。伺服器代碼能建立動態 HTML 內容,然後發送到瀏覽器。從瀏覽器上看,伺服器代碼產生的 HTML 與靜態 HTML 內容沒有什麼不同。

帶 Razor 語法的 ASP.NET 網頁有特殊的副檔名 cshtml(Razor C#)或者 vbhtml(Razor VB)。

使用對象

伺服器編碼往往涉及到對象。

"Date" 對象是一個典型的內建的 ASP.NET 對象,但對象也可以是自訂的,一個網頁,一個文字框,一個檔案,一個資料庫記錄,等等。

對象有用於執行的方法。一個資料庫記錄可能有一個 "Save" 方法,一個映像對象可能有一個 "Rotate" 方法,一個電子郵件對象可能有一個 "Send" 方法,等等。
對象也有用於描述各自特點的屬性。一個資料庫記錄可能有 FirstName 和 LastName 屬性。

ASP.NET Date 對象有一個 Now 屬性(寫成 Date.Now),Now 屬性有一個 Day 屬性(寫成 Date.Now.Day)。下面執行個體示範了如何訪問 Data 對象的一些屬性:

執行個體<table border="1">
<tr>
<th width="100px">Name</th>
<td width="100px">Value</td>
</tr>
<tr>
<td>Day</td><td>@DateTime.Now.Day</td>
</tr>
<tr>
<td>Hour</td><td>@DateTime.Now.Hour</td>
</tr>
<tr>
<td>Minute</td><td>@DateTime.Now.Minute</td>
</tr>
<tr>
<td>Second</td><td>@DateTime.Now.Second</td>
</tr>
</td>
</table>
運行執行個體 »

 

If 和 Else條件

動態網頁的一個重要特點是,您可以根據條件決定做什麼。

做到這一點的常用方法是使用 if ... else 語句:

執行個體@{
var txt = "";
if(DateTime.Now.Hour > 12)
{txt = "Good Evening";}
else
{txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt</p>
</body>
</html>

運行執行個體 »

 

讀取使用者輸入

動態網頁的另一個重要特點是,您可以讀取使用者輸入。

輸入是通過 Request[] 功能讀取的,並且傳送輸入資料是經過 IsPost 條件判斷的:

執行個體@{
var totalMessage = "";
if(IsPost)
{
var num1 = Request["text1"];
var num2 = Request["text2"];
var total = num1.AsInt() + num2.AsInt();
totalMessage = "Total = " + total;
}
}
<html>
<body style=" font-family: Verdana, Arial;">
<form action="" method="post">
<p><label for="text1">First Number:</label><br>
<input type="text" name="text1" /></p>
<p><label for="text2">Second Number:</label><br>
<input type="text" name="text2" /></p>
<p><input type="submit" value=" Add " /></p>
</form>
<p>@totalMessage</p>
</body>
</html>
運行執行個體 »

ASP.NET Razor——ASP.NET Razor - C#代碼文法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.