ASP.NETWebページ-Razorコードの追加
ASP.NET Webページは、C#またはVBコードでRazorマークアップを使用します
かみそりのマークアップ
Razorは、サーバーコード(C#またはVB)をASP.NETWebページに埋め込むための単純なマークアップ構文です。
例
<!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マークアップの両方が含まれています。
C#のRazor構文
- C#コードブロックは@ {...}で囲まれています
- インライン式(変数または関数)は@で始まります
- コードステートメントはセミコロンで終わります
- 変数は、varキーワード、またはデータ型(int、stringなど)で宣言されます。
- 文字列は引用符で囲まれています
- 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>
VBのRazor構文
- VBコードブロックは@Codeで囲まれています...終了コード
- インライン式(変数または関数)は@で始まります
- 変数はDimキーワードで宣言されます
- 文字列は引用符で囲まれています
- VBコードでは大文字と小文字は区別されません
- VBファイルの拡張子は.vbhtmlです。
VBの例
<!-- 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#とVisualBasicの詳細
Razor、C#およびVisual Basicプログラミング言語について詳しく知りたい場合は、次のようにします。
このチュートリアルのRazorセクションに移動します。