ホーム>ネットワークプログラミングチュートリアル>ASP.NET チュートリアル

ASP.NET Web ページ Razor

著者：Eve Cole 更新時間：2024-12-31 19:48:01

次のコンテンツでは、どのようなことを学びますか

カミソリ？ Razor コードを追加するにはどうすればよいですか? RazorC# と VB の間の構文ルールは何ですか?

このチュートリアルでは、C# および Visual Basic コードで Razor マークアップを使用します。

カミソリとは何ですか?

Razor は、サーバーベースのコードを Web ページに追加するためのマークアップ構文です

Razor は従来の ASP.NET マークアップの機能を備えていますが、より使いやすく、学習も簡単です。

Razor は、ASP や PHP とよく似たサーバー側のマークアップ構文です。

Razor は C# および Visual Basic プログラミング言語をサポートしています

Razor コードを追加する

前の章の例の Web ページを思い出してください。

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Web ページのデモ</title> </head> <body> <h1>Hello Web ページ</h1> </body> </html>

ここで、Razor コードをインスタンスに追加します。

例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Web ページのデモ</title> </head> <body> <h1>Hello Web ページ</h1> <p>時刻は @DateTime.Now です
</p> </body> </html>

このページには、@ マークが付いた Razor コードの追加に加えて、通常の HTML マークアップが含まれています。

Razor コードは、サーバー上で多くのアクションをリアルタイムで実行し、結果を表示できます。 (書式設定オプションを指定できます。指定しない場合は、デフォルトの項目のみが表示されます。)

Razor C# の主要な構文ルール

Razor コード ブロックは @{ ... } で囲まれます。

インライン式 (変数および関数) は @ で始まります

コードステートメントはセミコロンで終了します

変数は var キーワードを使用して宣言されます

引用符で囲まれた文字列

C# コードでは大文字と小文字が区別されます

C# ファイル拡張子は .cshtml です。

C# の例

<!-- 単一のステートメント ブロック --> @{ var myMessage = "Hello World" }
 <!-- インライン式または変数 --> <p>myMessage の値は次のとおりです: @myMessage
 </p> <!-- 複数ステートメント ブロック --> @{vargreeting = "私たちのサイトへようこそ!";var weekDay = DateTime.Now.DayOfWeek;vargreetingMessage =greeting + "今日は: " +weekDay; }
 <p>挨拶は次のとおりです: @greetingMessage
 </p>

Razor VB の主要な構文ルール

Razor コード ブロックは @Code ... End Code で囲まれます。

インライン式 (変数および関数) は @ で始まります

変数は Dim キーワードを使用して宣言されます

引用符で囲まれた文字列

VB コードは大文字と小文字を区別しません

VB ファイルの拡張子は .vbhtml です。

例

<!-- 単一ステートメント ブロック --> @Code dim myMessage = "Hello World" 終了コード
<!-- インライン式または変数 --> <p>myMessage の値は次のとおりです: @myMessage
 </p> <!-- 複数ステートメント ブロック --> @Codedimgreeting = "私たちのサイトへようこそ!" dim yearDay = DateTime.Now.DayOfWeek dimgreetingMessage =greeting & " 今日は: " &weekDayEnd コード
<p>挨拶は次のとおりです: @greetingMessage
 </p>
関連記事