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

在本演练中,那么,当对 Web 的基础。演练:记录和运行 Web 性能测试,性能测试将创建一个简单的 Web app 使用。

您将执行以下任务:

  • 创建一个简单的 Web app。

  • 手动测试 Web app。

系统必备

这就是您需要:

  • Visual Studio 旗舰版

创建 Web App

创建 Web app

  1. 在 Visual Studio 旗舰版,在 文件 菜单中,选择 新建 然后选择 项目

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

  2. 已安装的模板下,展开所需然后选择 Web的编程语言。

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

    备注

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

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

  5. 位置 框中,指定要用于创建 Web app 的文件夹。

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

  7. 选择**“确定”**。

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

  9. 项目 菜单中,选择 添加新项

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

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

  11. 名称 文本框中,键入 Default.aspx 然后选择 添加

将控件添加到 Web App

将控件添加到 Web app

  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 App

将页添加到 Web app

  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 App

将功能添加到 Web app

  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 App

手动测试 Web app

  1. 在解决方案资源管理器中右击 Default.aspx,然后选择 设为起始页

  2. 按 CTRL+F5 在浏览器中运行该 Web app。 您将看到第一页。

  3. 选择 红色 然后选择 提交。 如果该应用程序是否正常工作。您将在其中添加 红色与 Label 的页。

  4. 返回到第一页。

  5. 选择 蓝色 然后选择 提交。 如果该应用程序是否正常工作。您将在其中添加 蓝色与 Label 的页。

后续步骤

在本演练中创建了一个简单的 Web app 并手动测试。 接下来可以创建一个测试此应用程序的 Web 性能测试。 请参见演练:记录和运行 Web 性能测试

请参见

任务

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