このチュートリアルでは、C# および Visual Basic コードで Razor マークアップを使用します。
カミソリとは何ですか?
Razor は、サーバーベースのコードを Web ページに追加するためのマークアップ構文です
Razor は、従来の ASP.NET マークアップの機能を備えていますが、より使いやすく、学習も簡単です
Razor は、次のようなサーバー側のマークアップ構文ですASP と PHP は非常に似ているのと同じです
Razor は C# および Visual Basic プログラミング言語をサポートします
Razor コードを追加します
前の章の例の Web ページを思い出してください:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Web Pages Demo</title> </head> <body> <h1>Hello Web Pages</h1> </body> </html>
次に、Razor コードを例:
Example
<!DOCTYPE html> <html> <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>
このページには、@ でマークされた Razor コードの追加に加えて、通常の HTML タグが含まれています。
Razor コードは、サーバー上でさまざまなアクションをリアルタイムで完了し、結果を表示できます。 (書式設定オプションを指定できます。指定しない場合は、デフォルトの項目のみが表示されます。)
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 + " Today is: " + weekDay; } <p>The greeting is: @greetingMessage</p>
Main 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 --> @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>
【関連する推奨事項】
2. ASP.NET の学習を共有します。注意事項 -- WebPage の紹介
4. ASP.NET MVC とは何ですか? ASP.NET MVCの概要5. ASP.NET MVCとWebFormの違いを理解する
以上がASP.NET 学習ノートを共有する (1) -- WebPages Razorの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。