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

[アーティクル]
09/11/2008

更新 : 2007 年 11 月

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

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

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

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

前提条件

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

Microsoft Visual Studio 2005

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

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

Microsoft Visual Studio 2005 で、[ファイル] メニューの [新規作成] をポイントし、[Web サイト] をクリックします。

[新しい Web サイト] ダイアログボックスが表示されます。
[Visual Studio にインストールされたテンプレート] の [ASP.NET Web サイト] をクリックします。

[場所] ボックスで、[ファイルシステム] をクリックし、Web アプリケーションを格納するフォルダの名前を入力します。フォルダ名の最後は「ColorWebApp\ColorWebApp」にしてください。たとえば、「C:\WebSites\ColorWebApp\ColorWebApp」というフォルダ名を入力します。

メモ :
ColorWebApp という名前を 2 度含めることで、Web テストプロジェクトが最初のフォルダに追加され、2 番目のフォルダに配置される Web アプリケーション自体と分離されます。

[言語] ボックスで、使用するプログラミング言語を選択します。

メモ :

このチュートリアルでは、最小限のコードを作成します。
[OK] をクリックします。

メモ :
このチュートリアルでは、最小限のコードを作成します。

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」に変更します。
[ファイル] メニューの [すべてを保存] をクリックします。

メモ :
ListItem コレクションエディタは、[プロパティ] ウィンドウで [項目] コレクションを編集することでも表示できます。

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

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

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

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

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

ソリューションエクスプローラで、Default.aspx を右クリックし、[ビューデザイナ] をクリックします。
[SubmitButton] をダブルクリックします。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 テストの記録と実行

その他の技術情報

Visual Web Developer で Web サイトを作成するためのガイドツアー

次の方法で共有