逐步解說:建立簡單 Web 應用程式
在這個逐步解說中,您將建立簡單的 Web 應用程式使用做為的基礎為 Web 效能測試在 逐步解說:記錄和執行 Web 效能測試。
您將執行下列工作:
建立簡單的 Web 應用程式。
手動測試 Web 應用程式。
必要條件
本主題包含您需要:
- Visual Studio Ultimate
建立 Web 應用程式
建立 Web 應用程式
在 Visual Studio Ultimate中,在 [檔案] 功能表上選擇 [新增] ],然後選取 [專案]。
[新增專案] 對話方塊隨即出現。
在 [已安裝的範本] 下方,展開您偏好的程式語言,然後按一下 [Web]。
在 Web 專案類型的清單中,選取 [ASP.NET 空白 Web 應用程式]。
注意事項 在此逐步解說中,您將會撰寫最小的程式檔。
在 [名稱] 方塊中,輸入 ColorWebApp。
在 [位置] 方塊中,指定您要建立自己的 Web 應用程式的資料夾。
選取 [為方案建立目錄]。
選擇 [確定]。
在 [方案總管] 中,確認選取新的 ColorWebApp 專案。
在 [專案] 功能表上,選擇 [加入新項目。]。
[加入新項目] 對話方塊隨即出現。
在項目清單中,選擇 [Web Form]。
在 [名稱] 文字方塊中,輸入 Default.aspx,然後按一下 [加入]。
將控制項加入至 Web 應用程式
將控制項加入至 Web 應用程式
在方案總管中,以滑鼠右鍵按一下 Default.aspx 並選取 [檢視表設計工具]。
空白頁面隨即出現。
如果工具箱不可見,請從 [檢視] 功能表中選擇 [工具箱]。
從 [標準] 群組中,請將 RadioButtonList 拖曳到網頁上。
RadioButtonList 控制項便會加入至設計介面中。
展開 [RadioButtonList 工作] 動作標籤窗格,然後選擇 [EditItems] 連結。
[ListItem 集合編輯器] 隨即出現。
注意事項 也可以藉由在 [屬性] 視窗上編輯 [項目] 集合,以顯示 [ListItem 集合編輯器]。
點選 [加入] 以加入新項目。
在 [ListItem 屬性] 下:
將 [Text] 屬性變更為 [Red]。
將 [Selected] 屬性設定為 [True]。
點選 [加入] 以加入其他項目。
在 [ListItem 屬性] 下,將 [Text] 屬性變更為 [Blue]。
點選 [確定],以關閉 [ListItem 集合編輯器]。
將 Button 拖曳至網頁上,然後在 [屬性] 視窗中,將 [Text] 屬性變更為 [Submit]。
在 [檔案] 功能表上,選擇 [儲存所有]。
將頁面加入至 Web 應用程式
將頁面加入至 Web 應用程式
在 [專案] 功能表上,選擇 [加入新項目。]。
在 [加入新項目。] 對話方塊中,選取 [Web Form] 從範本清單和在 [名稱] 中輸入 Red.aspx。然後選取 [加入]。
按一下文件視窗底部的 [設計] 索引標籤,切換至 [設計] 檢視。
將 Label 拖曳至網頁。在 [屬性] 視窗中,將 [Text] 屬性設定為 Red,並將 [ForeColor] 屬性設定為 [Red]。
在 [專案] 功能表上,選擇 [加入新項目。]。
在 [加入新項目] 對話方塊中,點選 [Web Form] 範本,將它命名為 Blue.aspx,然後按一下 [加入]。
按一下文件視窗底部的 [設計] 索引標籤,切換至 [設計] 檢視。
將 Label 拖曳至網頁。在 [屬性] 視窗中,將 [Text] 屬性設定為 Blue,並將 [ForeColor] 屬性設定為 [Blue]。
在 [檔案] 功能表上,選擇 [儲存所有]。
將功能加入至 Web 應用程式
將功能加入至 Web 應用程式
在方案總管中以滑鼠右鍵按一下 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 應用程式
在方案總管中,以滑鼠右鍵按一下 Default.aspx] 選取 [集合的起始頁]。
按 CTRL+F5 在瀏覽器中執行 Web 應用程式。您將會看見第一頁。
選取 紅色 然後選取 送出。如果應用程式運作正確您要將 紅色與 Label 的頁面。
返回第一頁。
選取 藍色 然後選取 送出。如果應用程式運作正確您要將 藍色與 Label 的頁面。
後續步驟
在這個逐步解說中建立簡單的 Web 應用程式並手動測試它。現在您可以建立可讓您測試這個應用程式的 Web 效能測試。請參閱逐步解說:記錄和執行 Web 效能測試。