演练:创建简单的 Web 应用程序
在本演练中,那么,当对 Web 的基础。演练:记录和运行 Web 性能测试,性能测试将创建一个简单的 Web app 使用。
您将执行以下任务:
创建一个简单的 Web app。
手动测试 Web app。
系统必备
这就是您需要:
- Visual Studio 旗舰版
创建 Web App
创建 Web app
在 Visual Studio 旗舰版,在 文件 菜单中,选择 新建 然后选择 项目。
此时将出现“新建项目”对话框。
在 已安装的模板下,展开所需然后选择 Web的编程语言。
在 Web 项目类型的列表中,选择**“ASP.NET 空 Web 应用程序”**。
备注
在本演练中,您将编写少量的代码。
在**“名称”**框中键入 ColorWebApp。
在 位置 框中,指定要用于创建 Web app 的文件夹。
选择**“创建解决方案的目录”**。
选择**“确定”**。
在解决方案资源管理器中,确认选择了新的 ColorWebApp 项目。
在 项目 菜单中,选择 添加新项。
此时将显示**“添加新项”**对话框。
在项列表中选择**“Web 窗体”**。
在 名称 文本框中,键入 Default.aspx 然后选择 添加。
将控件添加到 Web App
将控件添加到 Web app
在解决方案资源管理器中,右击 Default.aspx 并选择 查看设计器。
随即显示一个空白页。
如果工具中不可见,从 视图 菜单中选择 工具箱。
从**“标准”**组中将一个 RadioButtonList 控件拖到页上。
RadioButtonList 控件随即添加到设计图面上。
展开 RadioButtonList 任务 窗格操作标记,然后选择 EditItems 链接。
随即出现**“ListItem 集合编辑器”**。
备注
通过编辑“属性”窗口上的“项”集合,也可以显示“ListItem 集合编辑器”。
选择 添加 添加新项。
在**“ListItem 属性”**下:
将**“Text”**属性更改为 Red。
将**“Selected”属性设置为“True”**。
选择 添加 添加一项。
在**“ListItem 属性”下,将“Text”**属性更改为 Blue。
选择 确定 关闭 ListItem 集合编辑器。
将一个 Button 拖到页面上,并在“属性”窗口中将**“Text”**属性更改为 Submit。
在 文件 菜单中,选择 全部保存。
将页添加到 Web App
将页添加到 Web app
在 项目 菜单中,选择 添加新项。
在 添加新项 对话框中,选择 Web 窗体 从模板列表中 名称 类型 Red.aspx。 然后选择 添加。
在文档窗口的底部,选择 设计 选项卡以切换到设计视图。
将一个 Label 控件拖到页上。 在“属性”窗口中,将**“Text”属性设置为 Red,将“ForeColor”属性设置为“Red”**。
在 项目 菜单中,选择 添加新项。
在 添加新项 对话框中,选择 Web 窗体 模板,将其命名为 Blue.aspx,然后选择 添加。
在文档窗口的底部,选择 设计 选项卡以切换到设计视图。
将一个 Label 控件拖到页上。 在“属性”窗口中,将**“Text”属性设置为 Blue,将“ForeColor”属性设置为“Blue”**。
在 文件 菜单中,选择 全部保存。
将功能添加到 Web App
将功能添加到 Web app
在解决方案资源管理器中右击 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 App
手动测试 Web app
在解决方案资源管理器中右击 Default.aspx,然后选择 设为起始页。
按 CTRL+F5 在浏览器中运行该 Web app。 您将看到第一页。
选择 红色 然后选择 提交。 如果该应用程序是否正常工作。您将在其中添加 红色与 Label 的页。
返回到第一页。
选择 蓝色 然后选择 提交。 如果该应用程序是否正常工作。您将在其中添加 蓝色与 Label 的页。
后续步骤
在本演练中创建了一个简单的 Web app 并手动测试。 接下来可以创建一个测试此应用程序的 Web 性能测试。 请参见演练:记录和运行 Web 性能测试。