Latest web development tutorials
×

ASP.NET コース

ASP.NET コース ASP.NET 簡単な紹介

WP コース

WebPages 簡単な紹介 WebPages Razor WebPages レイアウト WebPages フォルダ WebPages 全体的な状況 WebPages フォーム WebPages オブジェクト WebPages ファイル WebPages ヘルパー WebPages WebGrid WebPages チャート WebPages Email WebPages PHP WebPages リリース WebPages 例

WP リファレンスマニュアル

WebPages カテゴリ WebPages セキュリティ WebPages データベース WebPages 郵便局 WebPages ヘルパー

ASP.NET Razor

Razor 簡単な紹介 Razor 文法 Razor C# 変数 Razor C# 循環 Razor C# ロジック Razor VB 変数 Razor VB 循環 Razor VB ロジック

ASP.NET MVC

MVC 簡単な紹介 MVC アプリケーション MVC フォルダ MVC レイアウト MVC コントローラ MVC ビュー MVC データベース MVC モデル MVC セキュリティ MVC HTML ヘルパー MVC リリース MVC リファレンスマニュアル

WF コース

WebForms 簡単な紹介 WebForms ページ WebForms コントロール WebForms イベント WebForms フォーム WebForms ViewState WebForms TextBox WebForms Button WebForms データバインディング WebForms ArrayList WebForms Hashtable WebForms SortedList WebForms XML ファイル WebForms Repeater WebForms DataList WebForms データベース接続 WebForms マスターページ WebForms ナビゲーション WebForms 例

WF リファレンスマニュアル

WebForms HTML WebForms Controls WebForms Validation

ASP.NETカミソリ構文

カミソリは、C#(Cシャープ)とVB(Visual Basicの)をサポートしています。


メインレイザーC#の構文規則

  • @ {...}に含まかみそりコードブロック
  • インライン表現(変数や関数)で開始!
  • コードステートメントはセミコロンで終了します
  • 変数は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 + " Here in Huston it is: " + weekDay;
}

<p>The greeting is: @greetingMessage </p>

実行中のインスタンス»


メインカミソリVBの構文規則

  • カミソリのコードブロックは中@code ...終了コードが含まれています
  • インライン表現(変数や関数)で開始!
  • 変数は、薄暗いキーワードを使用して宣言しました
  • 引用符で囲んだ文字列
  • 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 & " Here in Huston it is: " & weekDay
End Code


<p>The greeting is: @greetingMessage </p>

実行中のインスタンス»


それがどのように動作しますか?

カミソリは、簡単なプログラミング構文Webページに埋め込まれたサーバーコードです。

カミソリの構文は、具体的にMicrosoft.NETフレームワークの一部をWebアプリケーションを作成するためのASP.NETフレームワークに基づいています。

カミソリの構文は、より効率的という点で専門家をASP.NETのすべての機能をサポートしていますが、簡単な構文を使用すると、初心者のために学ぶことが容易です。

HTMLコンテンツと剃刀コード:かみそりHTMLウェブページは、コンテンツの次の2種類を用いて説明することができます。

サーバーはページを読み込むとき、それは最初のかみそりのコードを実行してから、ブラウザにHTMLページを送信します。 コードは、データベース・サーバーにアクセスするために、例えば、タスクを完了することはできませんブラウザのいくつかを実行することができ、サーバー上で実行されます。 サーバーコードは、動的HTMLコンテンツを作成し、ブラウザに送信することができます。 ビューブラウザの観点から、サーバ生成されたHTMLコードは、静的なHTMLコンテンツと違いはありません。

カミソリの構文とASP.NETページは、特別なファイル拡張子CSHTML(レイザーC#の)またはvbhtml(レイザーVB)を有しています。


オブジェクトの使用

サーバ符号化は、多くの場合、オブジェクトを含みます。

「日付」オブジェクトは、ビルトインのASP.NETオブジェクトが一般的であるが、オブジェクトは、Webページ、というように、テキストボックス、ファイル、データベースレコードなどをカスタマイズすることができます。

オブジェクトは、実行するための方法があります。 データベースレコードは、画像オブジェクトは電子メールオブジェクトはように「送信」する方法を有していてもよく、「回転」方法を有することができ、「保存」方法を有することができます。
オブジェクトは、独自の特性を記述するために使用される属性を持っています。 データベースレコードは、姓と名の属性を有することができます。

今、ASP.NETのDateオブジェクトは、プロパティ(Date.Nowを書かれた)、今日のproperty属性がありますがあります(Date.Now.Dayを書かれています)。 次の例では、いくつかの属性をオブジェクトのデータにアクセスする方法を示しています。

<table border="1">
<tr>
<th width="100px">Name</th>
<td width="100px">Value</td>
</tr>
<tr>
<td>Day</td><td> @DateTime.Now.Day </td>
</tr>
<tr>
<td>Hour</td><td> @DateTime.Now.Hour </td>
</tr>
<tr>
<td>Minute</td><td> @DateTime.Now.Minute </td>
</tr>
<tr>
<td>Second</td><td> @DateTime.Now.Second </td>
</tr>
</td>
</table>

実行中のインスタンス»


IfとElse条件

動的なWebページの重要な機能を使用すると、条件に基づいて何をすべきかを決定することができるということです。

これを行うための一般的な方法は、if ... elseステートメントを使用することです。

@{
var txt = "";
if(DateTime.Now.Hour > 12)
{txt = "Good Evening";}
else
{txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt </p>
</body>
</html>

実行中のインスタンス»


読むユーザー入力

動的ページの別の重要な特徴は、ユーザー入力を読み取ることができます。

データを読み取り、送信要求[]関数を使用して入力しIsPostを介して入力された条件を決定します。

@{
var totalMessage = "";
if(IsPost)
{
var num1 = Request["text1"];
var num2 = Request["text2"];
var total = num1.AsInt() + num2.AsInt();
totalMessage = "Total = " + total;
}
}

<html>
<body style="background-color: beige; font-family: Verdana, Arial;">
<form action="" method="post">
<p><label for="text1">First Number:</label><br>
<input type="text" name="text1" /></p>
<p><label for="text2">Second Number:</label><br>
<input type="text" name="text2" /></p>
<p><input type="submit" value=" Add " /></p>
</form>
<p> @totalMessage </p>
</body>
</html>

実行中のインスタンス»