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

项目
08/18/2008

更新：2007 年 11 月

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

为创建 Web 测试示例，应当使用可以进行任意更改的 Web 应用程序。

在本演练中，您将执行以下任务：

创建一个简单 Web 应用程序。
手动测试该 Web 应用程序。

先决条件

本演练需要：

Microsoft Visual Studio 2005

创建 Web 应用程序

创建 Web 应用程序

在 Microsoft Visual Studio 2005 的“文件”菜单上，单击“新建”，再单击“网站”。

“新建网站”对话框随即出现。
在“Visual Studio 已安装的模板”下单击“ASP.NET 网站”。
在“位置”框中选择“文件系统”，然后键入要保存 Web 应用程序的文件夹的名称。文件夹名称应当以 ColorWebApp\ColorWebApp 结尾。例如，键入文件夹名称 C:\WebSites\ColorWebApp\ColorWebApp。

说明：

输入该名称两次，以便能将 Web 测试项目添加到第一个文件夹中，它和第二个文件夹中的 Web 应用程序是分开的。
在“语言”列表中，选择您想使用的编程语言。

说明：

在本演练中，您将编写少量的代码。
单击“确定”。

向 Web 应用程序添加控件

向 Web 应用程序添加控件

在“解决方案资源管理器”中右击 Default.aspx，并选择“视图设计器”。

随即显示一个空白页。
如果工具箱不可见，请单击“视图”，再单击“工具箱”。
从“标准”组中将一个 RadioButtonList 控件拖到页上。

RadioButtonList 控件随即添加到设计图面上。
在“RadioButtonList 任务”智能标记窗格上单击“EditItems”链接。

随即出现“ListItem 集合编辑器”。

说明：

也可以通过从“属性”窗口中编辑“项”集合来显示“ListItem 集合编辑器”。
单击“添加”添加新项。
在“ListItem 属性”下：
1. 将“Text”属性更改为 Red。
2. 将“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，并单击“视图设计器”。
双击 SubmitButton。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 测试。

请参见

任务

演练：记录和运行 Web 测试

其他资源

在 Visual Web Developer 中创建网站的指导教程