Share via


逐步解說:建立簡單 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 效能測試