分享ASP.NET學習筆記(13)Razor 語法詳解

來源:互聯網
上載者:User

ASP.NET Razor - C#和VB代碼文法

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 ...結束代碼中

內聯運算式(變數和函數)以@開頭

變數使用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 --> @Codedim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Here in Huston it is: " & weekDayEnd 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)。

使用對象

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

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

對象有用一個資料庫記錄可能有一個“儲存”方法,一個映像對象可能有一個“旋轉”方法,一個電子郵件對象可能有一個“發送”方法,等等。

對象也有用於描述各自特點的屬性。一個資料庫記錄可能有FirstName和LastName屬性。

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

執行個體

<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>

如果和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>

讀取使用者輸入

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

輸入是通過請求[]功能讀取的,並且傳送輸入資料是經過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="background-color: beige; 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>

【相關推薦】

1. ASP.NET免費視頻教程

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

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

4. 分享ASP.NET學習筆記(3)WebPages 布局

5. 分享ASP.NET學習筆記(4)檔案夾

6. 分享ASP.NET學習筆記(5)全域頁面 AppStart 和 PageStart

7. 分享ASP.NET學習筆記(12)Razor 簡介

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.