Пошаговое руководство. Создание простого веб-приложения

Статья
08/11/2011

В этом пошаговом руководстве создается простое веб-приложение, используемое в качестве базы для веб-теста производительности, описанного в разделе Пошаговое руководство. Запись и выполнение веб-теста производительности.

Для создания примера веб-теста производительности следует использовать веб-приложение, код которого можно менять произвольным образом.

В данном пошаговом руководстве выполняются следующие задачи.

Создание простого веб-приложения.
Тестирование веб-приложения вручную.

Обязательные компоненты

Для этого пошагового руководства требуется следующее приложение:

Microsoft Visual Studio 2010 Ultimate

Создание веб-приложения

Чтобы создать веб-приложение

В меню Файл Visual Studio 2010 Ultimate выберите команду Создать, а затем — пункт Проект.

Откроется диалоговое окно Новый проект.
В группе Установленные шаблоны разверните предпочтительный язык программирования и нажмите кнопку Интернет.
В списке типов веб-проектов выберите Пустое веб-приложение ASP.NET.

Примечание

В этом пошаговом руководстве потребуется написать несколько строк кода.
В поле Имя введите ColorWebApp.
В поле Расположение введите имя папки, в которой будет создано веб-приложение.
Установите флажок Создать каталог для решения.
Нажмите кнопку ОК.
В обозревателе решений проверьте, что выбран новый проект ColorWebApp.
В меню Проект выберите пункт Добавить новый элемент.

Откроется диалоговое окно Добавление нового элемента.
В списке элементов выберите Веб-форма.
В текстовом поле Имя введите Default.aspx и нажмите кнопку Добавить.

Добавление элементов управления в веб-приложение

Чтобы добавить элементы управления в веб-приложение, выполните следующие действия.

В обозревателе решений щелкните правой кнопкой мыши файл Default.aspx и выберите пункт Конструктор представлений.

Откроется пустая страница.
Если панель элементов не отображается, то в меню Вид щелкните пункт Панель элементов.
Из группы Стандартные перетащите на страницу элемент управления RadioButtonList.

Элемент управления RadioButtonList добавляется на поверхность разработки.
В области тегов действий Задачи RadioButtonList щелкните ссылку EditItems.

Откроется окно Редактор коллекции ListItem.

Примечание

Редактор коллекции ListItem можно также открыть при редактировании коллекции Элементы в окне Свойства.
Чтобы добавить новый элемент, нажмите кнопку Добавить.
В разделе Свойства ListItem выполните следующие действия.
1. Задайте для свойства Текст значение Красный.
2. Задайте для свойства Выбранный значение True.
Чтобы добавить другой элемент, нажмите кнопку Добавить.
В разделе Свойства ListItem задайте для свойства Текст значение Синий.
Нажмите кнопку OK, чтобы закрыть Редактор коллекции ListItem.
Перетащите элемент управления Button на страницу, затем в окне "Свойства" измените значение свойства Текст на Отправить.
В меню Файл выберите команду Сохранить все.

Добавление страниц в веб-приложение

Чтобы добавить страницы к веб-приложению, выполните следующие действия.

В меню Проект выберите команду Добавить новый элемент.
В диалоговом окне Добавление нового элемента выберите в списке шаблон Веб-форма, в поле Имя введите Red.aspx и нажмите кнопку Добавить.
Чтобы переключиться в представление конструктора, в нижней части окна документов щелкните вкладку Конструктор.
Перетащите элемент управления Label на страницу. В окне "Свойства" для свойства Text задайте параметр Red и для свойства ForeColor — параметр Red.
В меню Проект выберите команду Добавить новый элемент.
В диалоговом окне Добавление нового элемента щелкните шаблон Веб-форма, присвойте ему имя Blue.aspx и нажмите кнопку Добавить.
Чтобы переключиться в представление конструктора, в нижней части окна документов щелкните вкладку Конструктор.
Перетащите элемент управления Label на страницу. В окне "Свойства" для свойства Text задайте параметр Blue и для свойства ForeColor — параметр Blue.
В меню Файл выберите команду Сохранить все.

Добавление функциональных возможностей в веб-приложение

Чтобы добавить функциональные возможности в веб-приложение, выполните следующие действия.

В обозревателе решений щелкните правой кнопкой мыши файл Default.aspx и выберите пункт Конструктор представлений.
Дважды щелкните элемент управления Button Отправить. В среде Visual Studio отобразится код страницы и будет создан каркас обработчика событий для события Click элемента управления Button.

Добавьте в обработчик событий следующий код:

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

В меню Файл выберите команду Сохранить все.

Тестирование веб-приложения вручную

Чтобы протестировать веб-приложение вручную, выполните следующие действия.

В обозревателе решений щелкните правой кнопкой мыши файл Default.aspx и выберите команду Задать в качестве домашней страницы.
Нажмите сочетание клавиш CTRL+F5, чтобы запустить веб-приложение в обозревателе. Откроется первая страница.
Выберите значение Красный и нажмите кнопку Отправить. Если приложение работает правильно, будет выполнен переход на страницу с меткой Label, на которой отображается текст Красный.
Вернитесь к первой странице.
Выберите значение Синий и нажмите кнопку Отправить. Если приложение работает правильно, будет выполнен переход на страницу с меткой Label, на которой отображается текст Синий.

Следующие действия

В данном пошаговом руководстве было создано веб-приложение и выполнено его тестирование вручную. Теперь можно создать веб-тест производительности для тестирования этого приложения. Дополнительные сведения см. в разделе Пошаговое руководство. Запись и выполнение веб-теста производительности.

См. также

Задачи

Пошаговое руководство. Запись и выполнение веб-теста производительности

Поделиться через