演练:创建简单的 Web 应用程序

在本演练中,您将创建一个简单的 Web 应用程序,以用作演练:记录和运行 Web 性能测试中 Web 性能测试的基础。

若要创建 Web 性能测试示例,应使用可以进行任意更改的 Web 应用程序。

在本演练中,您将执行以下任务:

  • 创建一个简单 Web 应用程序。

  • 手动测试该 Web 应用程序。

系统必备

本演练需要:

  • Microsoft Visual Studio 2010 旗舰版

创建 Web 应用程序

创建 Web 应用程序

  1. 在 Visual Studio 2010 旗舰版的**“文件”菜单中,单击“新建”,然后单击“项目”**。

    此时将出现**“新建项目”**对话框。

  2. 在**“已安装的模板”下,展开所需的编程语言,然后单击“Web”**。

  3. 在 Web 项目类型的列表中,选择**“ASP.NET 空 Web 应用程序”**。

    提示

    在本演练中,您将编写少量的代码。

  4. 在**“名称”**框中键入 ColorWebApp。

  5. 在**“位置”**框中,指定要用于创建 Web 应用程序的文件夹。

  6. 选择**“创建解决方案的目录”**。

  7. 单击**“确定”**。

  8. 在解决方案资源管理器中,确认选择了新的 ColorWebApp 项目。

  9. 在**“项目”菜单上选择“添加新项”**。

    将显示**“添加新项”**对话框。

  10. 在项列表中选择**“Web 窗体”**。

  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 窗体”,在“名称”中键入 Red.aspx,然后单击“添加”**。

  3. 在文档窗口的底部,单击**“设计”**选项卡以切换到设计视图。

  4. 将一个 Label 控件拖到页上。 在“属性”窗口中,将**“Text”属性设置为 Red,将“ForeColor”属性设置为“Red”**。

  5. 在**“项目”菜单上,单击“添加新项”**。

  6. 在**“添加新项”对话框中单击“Web 窗体”模板,将其命名为 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. 单击 Red,再单击 Submit。 如果应用程序工作正常,您将转到 Label 为 Red 的页。

  4. 返回到第一页。

  5. 单击 Blue,再单击 Submit。 如果应用程序工作正常,您将转到 Label 为 Blue 的页。

后续步骤

在本演练中,您创建了一个简单 Web 应用程序,并对其进行了手动测试。 接下来可以创建一个 Web 性能测试,以测试此应用程序。 有关更多信息,请参见演练:记录和运行 Web 性能测试

请参见

任务

演练:记录和运行 Web 性能测试