逐步解說：建立簡單 Web 應用程式

在本逐步節說中，您會建立一個簡單 Web 應用程式，做為逐步解說：記錄和執行 Web 效能測試之 Web 效能測試的基礎。

若要建立簡單 Web 效能測試，您應該使用可以任意變更的 Web 應用程式。

在這個逐步解說中，您將執行下列工作：

必要條件

在本逐步解說中，您將會需要：

在Visual Studio 2010 Ultimate 的 [檔案] 功能表上，按一下 [新增]，然後按一下 [專案]。

[新增專案] 對話方塊隨即出現。
在 [已安裝的範本] 下方，展開您偏好的程式語言，然後按一下 [Web]。
在 Web 專案類型的清單中，選取 [ASP.NET 空白 Web 應用程式]。

注意事項

在此逐步解說中，您將會撰寫最小的程式檔。
在 [名稱] 方塊中，輸入 ColorWebApp。
在 [位置] 方塊中，指定您想要儲存 Web 應用程式的資料夾。
選取 [為方案建立目錄]。
按一下 [確定]。
在 [方案總管] 中，確認選取新的 ColorWebApp 專案。
在 [專案] 功能表上，選擇 [加入新項目]。

[加入新項目] 對話方塊隨即出現。
在項目清單中，選擇 [Web Form]。
在 [名稱] 文字方塊中，輸入 Default.aspx，然後按一下 [加入]。

注意事項
在此逐步解說中，您將會撰寫最小的程式檔。

在 [方案總管] 中，以滑鼠右鍵按一下 [Default.aspx]，然後選擇 [設計工具檢視]。

空白網頁隨即出現。
如果沒看到 [工具箱]，請按一下 [檢視] 然後按一下 [工具箱]。
從 [標準] 群組中，請將 RadioButtonList 拖曳到網頁上。

RadioButtonList 控制項便會加入至設計介面中。
在 [RadioButtonList 工作] 動作標記窗格上，按一下 [編輯項目] 連結。

[ListItem 集合編輯器] 隨即出現。

注意事項

也可以藉由在 [屬性] 視窗上編輯 [項目] 集合，以顯示 [ListItem 集合編輯器]。
按一下 [加入] 以加入新項目。
在 [ListItem 屬性] 下：
1. 將 [Text] 屬性變更為 [Red]。
2. 將 [Selected] 屬性設定為 [True]。
按一下 [加入] 以加入其他項目。
在 [ListItem 屬性] 下，將 [Text] 屬性變更為 [Blue]。
按一下 [確定]，關閉 [ListItem 集合編輯器]。
將 Button 拖曳至網頁上，然後在 [屬性] 視窗中，將 [Text] 屬性變更為 [Submit]。
在 [檔案] 功能表上按一下 [全部儲存]。

注意事項
也可以藉由在 [屬性] 視窗上編輯 [項目] 集合，以顯示 [ListItem 集合編輯器]。

按一下 [專案] 功能表上的 [加入新項目]。
在 [加入新項目] 對話方塊中，從範本清單中選取 [Web Form] 並在 [名稱] 中輸入 Red.aspx，然後按一下 [加入]。
在文件視窗的下方，按一下 [設計] 索引標籤切換至 [設計] 檢視。
將 Label 拖曳至網頁。在 [屬性] 視窗中，將 [Text] 屬性設定為 Red，並將 [ForeColor] 屬性設定為 [Red]。
按一下 [專案] 功能表上的 [加入新項目]。
在 [加入新項目] 對話方塊中，按一下 [Web Form] 範本，將它命名為 Blue.aspx，然後按一下 [加入]。
在文件視窗的下方，按一下 [設計] 索引標籤切換至 [設計] 檢視。
將 Label 拖曳至網頁。在 [屬性] 視窗中，將 [Text] 屬性設定為 Blue，並將 [ForeColor] 屬性設定為 [Blue]。
在 [檔案] 功能表上按一下 [全部儲存]。

在 [方案總管] 中，以滑鼠右鍵按一下 [Default.aspx]，然後按一下 [設計工具檢視]。
按兩下 [Submit] 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 效能測試」，讓您可以測試這個應用程式。如需詳細資訊，請參閱逐步解說：記錄和執行 Web 效能測試。