最新のWeb開発のチュートリアル
 

ASP.NETウェブページ - レイザーコードの追加

❮前 次の章❯

このチュートリアルでは、使用するRazor 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 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>
»実行例

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

Razorコードは、サーバー上で現在の時刻を決定し、それを表示するすべての作業を行います。 (You can specify formatting options, or just display the default)

主なRazorのC＃の構文規則

  • Razorコードブロックは、@ {...}で囲まれています
  • インライン表現(variables and functions) @で始まります
  • コードステートメントはセミコロンで終了します
  • 変数は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 ...終了コードで囲まれています
  • インライン表現(variables and functions) @で始まります
  • 変数は薄暗いキーワードで宣言されています
  • 文字列は引用符で囲まれています
  • 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の詳細

あなたはカミソリ、およびC＃とVisual Basicのプログラミング言語についての詳細を知りたい場合は、に行くRazorセクションこのチュートリアルの。


❮前 次の章❯