ASP.NET Razor – C# 和 VB 程式碼語法簡介
導讀 | Razor 是一種將伺服器程式碼嵌入在網頁中的簡單的程式設計語法。Razor 同時支援 C# (C sharp) 和 VB (Visual Basic)。 |
- Razor 程式碼塊包含在 @{ ... } 中
- 內聯表示式(變數和函式)以 @ 開頭
- 程式碼語句用分號結束
- 變數使用 var 關鍵字宣告
- 字串用引號括起來
- C# 程式碼區分大小寫
- C# 檔案的副檔名是 .cshtml
C# 例項
<!-- Single statement block -->
- Razor 程式碼塊包含在 @Code ... End Code 中
- 內聯表示式(變數和函式)以 @ 開頭
- 變數使用 Dim 關鍵字宣告
- 字串用引號括起來
- VB 程式碼不區分大小寫
- VB 檔案的副檔名是 .vbhtml
例項
<!-- Single statement block -->
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)。下面例項演示瞭如何訪問 Date 物件的一些屬性:
例項
<table border="1"> <tr> <th width="100px">Name</th> <td width="100px">Value</td> </tr> <tr> <td>Day</td><td></td> </tr> <tr> <td>Hour</td><td></td> </tr> <tr> <td>Minute</td><td></td> </tr> <tr> <td>Second</td><td></td> </tr> </td> </table>
動態網頁的一個重要特點是,您可以根據條件決定做什麼。
做到這一點的常用方法是使用 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 條件判斷的:
例項
<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></p> </body> </html>
原文來自:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2849147/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- ASP.NET Razor – VB 迴圈和陣列簡介ASP.NET陣列
- ASP.NET Razor – VB 邏輯條件簡介ASP.NET
- ASP.NET Razor – C# 變數簡介ASP.NETC#變數
- ASP.NET Razor – C# 迴圈和陣列簡介ASP.NETC#陣列
- ASP.NET Razor – C# 邏輯條件簡介ASP.NETC#
- ASP.NET Razor – 標記簡介ASP.NET
- [ASP.NET MVC 小牛之路]03 - Razor語法ASP.NETMVC
- C#基礎程式設計——簡介及基礎語法C#程式設計
- Blazor和Vue對比學習(基礎1.2):模板語法和Razor語法BlazorVue
- 程式碼換膚術(一)——C#和VB (轉)C#
- ASP.NET Core – Razor View Import用途介紹ASP.NETViewImport
- flex設計思想和語法簡介Flex
- Tcl語法簡介
- VB基本語法
- Go 語言簡介(上)— 語法Go
- Azure Bicep(二)語法簡介
- ASP.NET Core 5.0 MVC中的 Razor 頁面 介紹ASP.NETMVC
- VB.net 跟 C# 的程式碼轉換C#
- GOLANG簡介與基礎語法Golang
- HTML程式碼簡寫法:Emmet和HamlHTML
- Typora編輯器Markdown語法簡介
- Abstract Syntax Tree 抽象語法樹簡介抽象語法樹
- Unity引擎與C#指令碼簡介UnityC#指令碼
- 01 Python3程式設計之程式設計語法簡介Python程式設計
- C# 簡介C#
- ASP.NET MVC Razor檢視引擎ASP.NETMVC
- 60行程式碼實現簡單模板語法行程
- VBS VBA VB C#程式開發C#
- ASP.NET MVC – 樣式和佈局簡介ASP.NETMVC
- ASP.NET MVC 5 Web程式設計4 -- Razor檢視引擎ASP.NETMVCWeb程式設計
- asp.net mvc 之旅—— 第一站 從簡單的razor入手ASP.NETMVC
- ASP.NET 5 簡介ASP.NET
- Blazor入門:ASP.NET Core Razor 元件BlazorASP.NET元件
- VB.NET重新申明陣列簡介陣列
- C#中HashTable簡介和使用用法C#
- 邏輯式程式語言極簡實現(使用C#) - 1. 邏輯式程式語言介紹C#
- Java程式語言特點簡介Java
- groovy 程式語言簡單介紹