共用方式為


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

在這個逐步解說中,您將建立簡單的 Web 應用程式使用做為的基礎為 Web 效能測試在 逐步解說:記錄和執行 Web 效能測試

您將執行下列工作:

  • 建立簡單的 Web 應用程式。

  • 手動測試 Web 應用程式。

必要條件

本主題包含您需要:

  • Visual Studio Ultimate

建立 Web 應用程式

建立 Web 應用程式

  1. 在 Visual Studio Ultimate中,在 [檔案] 功能表上選擇 [新增] ],然後選取 [專案]。

    [新增專案] 對話方塊隨即出現。

  2. 在 [已安裝的範本] 下方,展開您偏好的程式語言,然後按一下 [Web]。

  3. 在 Web 專案類型的清單中,選取 [ASP.NET 空白 Web 應用程式]。

    注意事項注意事項

    在此逐步解說中,您將會撰寫最小的程式檔。

  4. 在 [名稱] 方塊中,輸入 ColorWebApp。

  5. 在 [位置] 方塊中,指定您要建立自己的 Web 應用程式的資料夾。

  6. 選取 [為方案建立目錄]。

  7. 選擇 [確定]。

  8. 在 [方案總管] 中,確認選取新的 ColorWebApp 專案。

  9. 在 [專案] 功能表上,選擇 [加入新項目。]。

    [加入新項目] 對話方塊隨即出現。

  10. 在項目清單中,選擇 [Web Form]。

  11. 在 [名稱] 文字方塊中,輸入 Default.aspx,然後按一下 [加入]。

將控制項加入至 Web 應用程式

將控制項加入至 Web 應用程式

  1. 在方案總管中,以滑鼠右鍵按一下 Default.aspx 並選取 [檢視表設計工具]。

    空白頁面隨即出現。

  2. 如果工具箱不可見,請從 [檢視] 功能表中選擇 [工具箱]。

  3. 從 [標準] 群組中,請將 RadioButtonList 拖曳到網頁上。

    RadioButtonList 控制項便會加入至設計介面中。

  4. 展開 [RadioButtonList 工作] 動作標籤窗格,然後選擇 [EditItems] 連結。

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

    注意事項注意事項

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

  5. 點選 [加入] 以加入新項目。

  6. 在 [ListItem 屬性] 下:

    1. 將 [Text] 屬性變更為 [Red]。

    2. 將 [Selected] 屬性設定為 [True]。

  7. 點選 [加入] 以加入其他項目。

  8. 在 [ListItem 屬性] 下,將 [Text] 屬性變更為 [Blue]。

  9. 點選 [確定],以關閉 [ListItem 集合編輯器]。

  10. Button 拖曳至網頁上,然後在 [屬性] 視窗中,將 [Text] 屬性變更為 [Submit]。

  11. 在 [檔案] 功能表上,選擇 [儲存所有]。

將頁面加入至 Web 應用程式

將頁面加入至 Web 應用程式

  1. 在 [專案] 功能表上,選擇 [加入新項目。]。

  2. 在 [加入新項目。] 對話方塊中,選取 [Web Form] 從範本清單和在 [名稱] 中輸入 Red.aspx。然後選取 [加入]。

  3. 按一下文件視窗底部的 [設計] 索引標籤,切換至 [設計] 檢視。

  4. Label 拖曳至網頁。在 [屬性] 視窗中,將 [Text] 屬性設定為 Red,並將 [ForeColor] 屬性設定為 [Red]。

  5. 在 [專案] 功能表上,選擇 [加入新項目。]。

  6. 在 [加入新項目] 對話方塊中,點選 [Web Form] 範本,將它命名為 Blue.aspx,然後按一下 [加入]。

  7. 按一下文件視窗底部的 [設計] 索引標籤,切換至 [設計] 檢視。

  8. Label 拖曳至網頁。在 [屬性] 視窗中,將 [Text] 屬性設定為 Blue,並將 [ForeColor] 屬性設定為 [Blue]。

  9. 在 [檔案] 功能表上,選擇 [儲存所有]。

將功能加入至 Web 應用程式

將功能加入至 Web 應用程式

  1. 在方案總管中以滑鼠右鍵按一下 Default.aspx 並選取 [檢視表設計工具]。

  2. 按兩下 [Submit] Button。Visual Studio 會切換至頁面程式碼,並為 Button 控制項的 Click 事件,建立基本架構事件處理常式。

  3. 將下列程式碼加入至事件處理常式:

    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
    
  4. 在 [檔案] 功能表上,選擇 [儲存所有]。

手動測試 Web 應用程式

手動測試 Web 應用程式

  1. 在方案總管中,以滑鼠右鍵按一下 Default.aspx] 選取 [集合的起始頁]。

  2. 按 CTRL+F5 在瀏覽器中執行 Web 應用程式。您將會看見第一頁。

  3. 選取 紅色 然後選取 送出。如果應用程式運作正確您要將 紅色與 Label 的頁面。

  4. 返回第一頁。

  5. 選取 藍色 然後選取 送出。如果應用程式運作正確您要將 藍色與 Label 的頁面。

後續步驟

在這個逐步解說中建立簡單的 Web 應用程式並手動測試它。現在您可以建立可讓您測試這個應用程式的 Web 效能測試。請參閱逐步解說:記錄和執行 Web 效能測試

請參閱

工作

逐步解說:記錄和執行 Web 效能測試