ASP.NET Web Pages - 添加 Razor 代码

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

Razor とは何ですか？

  • Razor は、サーバーベースのコードを Web ページに追加するためのマークアップ構文です。
  • Razor は従来の ASP.NET マークアップの機能を備えていますが、より使いやすく、より学びやすいものです。
  • Razor は、ASP や PHP とよく似たサーバーサイドのマークアップ構文です。
  • Razor は C# および Visual Basic プログラミング言語をサポートします

Razor コードを追加する

前の章の例のウェブページを覚えておいてください：

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
</body>
</html>

次に、インスタンスに Razor コードを追加します：

实例

<!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 コードが追加されています。

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>

运行实例 »

主な Razor VB 構文規則

  • Razor コードブロックは @Code ... End 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>

运行实例 »

C# と Visual Basic についてもっと

Razor、C#、Visual Basic プログラミング言語についてさらに詳しく学びたい場合は、本チュートリアルのをご覧ください。Razor 部分。


其他扩展