演练:创建简单的 Web 应用程序
在本演练中,您将创建一个简单的 Web 应用程序,以用作演练:记录和运行 Web 性能测试中 Web 性能测试的基础。
若要创建 Web 性能测试示例,应使用可以进行任意更改的 Web 应用程序。
在本演练中,您将执行以下任务:
创建一个简单 Web 应用程序。
手动测试该 Web 应用程序。
系统必备
本演练需要:
- Microsoft Visual Studio 2010 旗舰版
创建 Web 应用程序
创建 Web 应用程序
在 Visual Studio 2010 旗舰版的**“文件”菜单中,单击“新建”,然后单击“项目”**。
此时将出现**“新建项目”**对话框。
在**“已安装的模板”下,展开所需的编程语言,然后单击“Web”**。
在 Web 项目类型的列表中,选择**“ASP.NET 空 Web 应用程序”**。
提示
在本演练中,您将编写少量的代码。
在**“名称”**框中键入 ColorWebApp。
在**“位置”**框中,指定要用于创建 Web 应用程序的文件夹。
选择**“创建解决方案的目录”**。
单击**“确定”**。
在解决方案资源管理器中,确认选择了新的 ColorWebApp 项目。
在**“项目”菜单上选择“添加新项”**。
将显示**“添加新项”**对话框。
在项列表中选择**“Web 窗体”**。
在**“名称”文本框中,键入 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 窗体”,在“名称”中键入 Red.aspx,然后单击“添加”**。
在文档窗口的底部,单击**“设计”**选项卡以切换到设计视图。
将一个 Label 控件拖到页上。 在“属性”窗口中,将**“Text”属性设置为 Red,将“ForeColor”属性设置为“Red”**。
在**“项目”菜单上,单击“添加新项”**。
在**“添加新项”对话框中单击“Web 窗体”模板,将其命名为 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 应用程序。 您将看到第一页。
单击 Red,再单击 Submit。 如果应用程序工作正常,您将转到 Label 为 Red 的页。
返回到第一页。
单击 Blue,再单击 Submit。 如果应用程序工作正常,您将转到 Label 为 Blue 的页。
后续步骤
在本演练中,您创建了一个简单 Web 应用程序,并对其进行了手动测试。 接下来可以创建一个 Web 性能测试,以测试此应用程序。 有关更多信息,请参见演练:记录和运行 Web 性能测试。