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

[アーティクル]
08/09/2011

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

サンプルの Web パフォーマンステストを作成するには、任意に変更できる Web アプリケーションを使用する必要があります。

このチュートリアルでは、次のタスクを行います。

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

必須コンポーネント

このチュートリアルに必要な条件は次のとおりです。

Microsoft Visual Studio 2010 Ultimate

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

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

Visual Studio 2010 Ultimate の [ファイル] メニューの [新規作成] をクリックし、[プロジェクト] をクリックします。

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

注意

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

[新しい項目の追加] ダイアログボックスが表示されます。
項目の一覧で、[Web フォーム] をクリックします。
[名前] ボックスに「Default.aspx」と入力し、[追加] をクリックします。

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

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

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

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

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

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

注意

ListItem コレクションエディターは、[プロパティ] ウィンドウで項目コレクションを編集することでも表示できます。
[追加] をクリックし、新しい項目を追加します。
[ListItem プロパティ] で、次の操作を行います。
1. Text プロパティを「Red」に変更します。
2. Selected プロパティを True に設定します。
[追加] をクリックして、もう 1 つの項目を追加します。
[ListItem プロパティ] の Text プロパティを「Blue」に変更します。
[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 を右クリックし、[スタートページに設定] をクリックします。
Ctrl キーを押しながら F5 キーを押して、ブラウザーで Web アプリケーションを実行します。最初のページが表示されます。
[Red] をクリックし、[Submit] をクリックします。アプリケーションが正常に動作していれば、"Red" という Label のあるページに移動します。
最初のページに戻ります。
[Blue] をクリックし、[Submit] をクリックします。アプリケーションが正常に動作していれば、"Blue" という Label のあるページに移動します。

次の手順

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

参照

処理手順

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

次の方法で共有