チュートリアル: 簡単な Web アプリの作成

[アーティクル]
03/12/2013

このチュートリアルでは、チュートリアル: Web パフォーマンステストの記録と実行に、Web パフォーマンステストの基礎として使用する簡単なアプリケーションを作成します。

次のタスクを実行します:

簡単な Web アプリケーションを作成します。
Web アプリケーションを手動でテストします。

必須コンポーネント

ここに必要なものです:

Visual Studio Ultimate

Web アプリケーションの作成

Web アプリケーションを作成するには

Visual Studio Ultimateでは、[ファイル] で、メニューの [新規作成] を選択し、を選択します。

[新しいプロジェクト] ダイアログボックスが表示されます。
[インストールされたテンプレート] の下で、Web設定を、選択したプログラミング言語を展開します。
Web プロジェクトの種類の一覧の [ASP.NET 空の Web アプリケーション] をクリックします。

[!メモ]

このチュートリアルでは、最小限のコードを作成します。
[名前] ボックスに「ColorWebApp」と入力します。
[場所] ボックスで、Web アプリケーションを作成するフォルダーを指定します。
[ソリューションのディレクトリを作成] チェックボックスをオンにします。
[OK] をクリックします。
ソリューションエクスプローラーで、新しい ColorWebApp プロジェクトが選択されていることを確認します。
[プロジェクト] で、メニューの [新しい項目の追加] を選択します。

[新しい項目の追加] ダイアログボックスが表示されます。
項目の一覧で、[Web フォーム] をクリックします。
[名前] のテキストボックスに、型 [Default.aspx] は、[追加] を選択します。

Web アプリケーションへのコントロールの追加

Web アプリケーションにコントロールを追加するには

ソリューションエクスプローラーで Default.aspx を右クリックし、[デザイナーの表示] を選択します。

空のページが表示されます。
ツールボックスが表示されない場合は、[ビュー] のメニューから [ツールボックス] を選択します。
[標準] グループから、RadioButtonList をページにドラッグします。

RadioButtonList コントロールがデザインサーフェイスに追加されます。
[RadioButtonList Tasks] のアクションタグペインを展開し、[EditItems] のリンクを選択します。

ListItem コレクションエディターが表示されます。

[!メモ]

ListItem コレクションエディターは、[プロパティ] ウィンドウで項目コレクションを編集することでも表示できます。
新しい項目を追加するには [追加] を選択します。
[ListItem プロパティ] で、次の操作を行います。
1. Text プロパティを「Red」に変更します。
2. Selected プロパティを True に設定します。
別の項目を追加するには [追加] を選択します。
[ListItem プロパティ] の Text プロパティを「Blue」に変更します。
[ListItem Collection Editor] を閉じるに [OK] を選択します。
Button をページにドラッグし、[プロパティ] ウィンドウで、Text プロパティを「Submit」に変更します。
[ファイル] で、メニューの [すべて保存] を選択します。

Web アプリケーションへのページの追加

Web アプリケーションにページを追加するには

[プロジェクト] で、メニューの [新しい項目の追加] を選択します。
テンプレートの一覧から [新しい項目の追加] のダイアログボックス、選択 [Web フォーム] と [名前] の型 [Red.aspx]。次 [追加] を選択します。
ドキュメントウィンドウの下部に、デザインビューに切り替えるに [デザイン] のタブをクリックします。
Label をページにドラッグします。[プロパティ] ウィンドウで Text プロパティを Red に、ForeColor プロパティを Red に設定します。
[プロジェクト] で、メニューの [新しい項目の追加] を選択します。
[新しい項目の追加] のダイアログボックスで、[Web フォーム] テンプレートを選択し、Blue.aspxとし、を [追加] を選択します。
ドキュメントウィンドウの下部に、デザインビューに切り替えるに [デザイン] のタブをクリックします。
Label をページにドラッグします。[プロパティ] ウィンドウで Text プロパティを Blue に、ForeColor プロパティを Blue に設定します。
[ファイル] で、メニューの [すべて保存] を選択します。

Web アプリケーションへの機能の追加

Web アプリケーションに機能を追加するには

ソリューションエクスプローラーで右クリックで Default.aspx [デザイナーの表示] を選択します。
送信Button をダブルクリックします。Visual Studio はページコードに切り替わり、Button コントロールの Click イベントのスケルトンイベントハンドラーが作成されます。

イベントハンドラーに次のコードを追加します。

if (this.RadioButtonList1.SelectedValue == "Blue")
{
    Response.Redirect("Blue.aspx");
}
else
{
    Response.Redirect("Red.aspx");
}

If RadioButtonList1.SelectedValue = "Blue" Then
    Response.Redirect("Blue.aspx")
Else
    Response.Redirect("Red.aspx")
End If

[ファイル] で、メニューの [すべて保存] を選択します。

Web アプリケーションを手動でテストします

Web アプリケーションを手動でテストするには

ソリューションエクスプローラーで、Default.aspx を右クリックし、[スタートページに設定] を選択します。
ブラウザーで Web アプリケーションを実行するには、F5 キーを押します。最初のページが表示されます。
[赤] を選択し、[送信]を選択します。アプリケーションが正しく動作している場合は [赤]を指定 Label のページに移動します。
最初のページに戻ります。
[青] を選択し、[送信]を選択します。アプリケーションが正しく動作している場合は [青]を指定 Label のページに移動します。

次の手順

このチュートリアルでは、簡単な Web アプリケーションを作成し、手動でテストしました。これで、このアプリケーションをテストできる Web パフォーマンステストを作成する準備が整いました。「チュートリアル: Web パフォーマンステストの記録と実行」を参照してください。

参照

処理手順

チュートリアル: Web パフォーマンステストの記録と実行

Share via