ホームページ >バックエンド開発 >C#.Net チュートリアル >ASP.NET 学習ノートを共有する (1) -- WebPages Razor

ASP.NET 学習ノートを共有する (1) -- WebPages Razor

零下一度
零下一度オリジナル
2017-05-24 17:56:081986ブラウズ

このチュートリアルでは、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>

【関連する推奨事項】

1. ASP.NET の無料ビデオ チュートリアル

2. ASP.NET の学習を共有します。注意事項 -- WebPage の紹介

4. ASP.NET MVC とは何ですか? ASP.NET MVCの概要

5. ASP.NET MVCとWebFormの違いを理解する

以上がASP.NET 学習ノートを共有する (1) -- WebPages Razorの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。