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

  • Статья

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

Необходимо выполнить следующие задачи.

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

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

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

Вот как необходимы:

  • Visual Studio Ultimate

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

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

  1. В Visual Studio Ultimate в меню файл выберите команду Создать и выберите Проект.

    Откроется диалоговое окно Новый проект.

  2. В области Установленные шаблоны разверните узел языка программирования, который предпочитаете, а затем выбрать команду Интернет.

  3. В списке типов веб-проектов выберите Пустое веб-приложение ASP.NET.

    ПримечаниеПримечание

    В этом пошаговом руководстве потребуется написать несколько строк кода.

  4. В поле Имя введите ColorWebApp.

  5. В поле Расположение введите имя папки, в которой будет создано веб-приложение.

  6. Установите флажок Создать каталог для решения.

  7. Нажмите кнопку ОК.

  8. В обозревателе решений проверьте, что выбран новый проект ColorWebApp.

  9. В меню проект выберите команду Добавление нового элемента.

    Открывается диалоговое окно Добавление нового элемента.

  10. В списке элементов выберите Веб-форма.

  11. В текстовом поле Имя введите Default.aspx, а затем пункт Добавить.

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

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

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

    Откроется пустая страница.

  2. Если элемент не отображается, в меню представление выберите команду Панель элементов.

  3. Из группы Стандартные перетащите на страницу элемент управления RadioButtonList.

    Элемент управления RadioButtonList добавляется на поверхность разработки.

  4. Разверните область тегов действий Задачи RadioButtonList и щелкните ссылку EditItems.

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

    ПримечаниеПримечание

    Редактор коллекции ListItem можно также открыть при редактировании коллекции Элементы в окне свойств.

  5. Выберите Добавить, чтобы добавить новый элемент.

  6. В разделе Свойства ListItem выполните следующие действия.

    1. Задайте для свойства Текст значение Красный.

    2. Задайте для свойства Выбранный значение True.

  7. Выберите Добавить, чтобы добавить другой элемент.

  8. В разделе Свойства ListItem задайте для свойства Текст значение Синий.

  9. Выберите ОК, чтобы закрыть окно Окно ListItem.

  10. Перетащите элемент управления Button на страницу, затем в окне "Свойства" измените значение свойства Текст на Отправить.

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

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

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

  1. В меню проект выберите команду Добавление нового элемента.

  2. В диалоговом окне Добавление нового элемента, выберите Форма Web Form из списка шаблонов и Red.aspx в поле Имя.Выберите пункт Добавить.

  3. В нижней части окна документа, откройте вкладку Разработка, чтобы перейти в представление конструирования.

  4. Перетащите элемент управления Label на страницу.В окне "Свойства" для свойства Text задайте параметр Red и для свойства ForeColor — параметр Red.

  5. В меню проект выберите команду Добавление нового элемента.

  6. В диалоговом окне Добавление нового элемента выберите шаблон Форма Web Form , назовите его Blue.aspx и выберите пункт Добавить.

  7. В нижней части окна документа, откройте вкладку Разработка, чтобы перейти в представление конструирования.

  8. Перетащите элемент управления Label на страницу.В окне "Свойства" для свойства Text задайте параметр Blue и для свойства ForeColor — параметр Blue.

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

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

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

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

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

  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. В меню файл выберите команду Сохранить все.

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

Выполнение веб-приложения вручную

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

  2. Нажмите сочетание клавиш CTRL+F5, чтобы запустить веб-приложение в браузере.Откроется первая страница.

  3. Выберите Красный и выберите Отправить.Если приложение работает правильно, возможно только после этого можно переходить к странице с Label, сообщает Красный.

  4. Вернитесь к первой странице.

  5. Выберите Синий и выберите Отправить.Если приложение работает правильно, возможно только после этого можно переходить к странице с Label, сообщает Синий.

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

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

См. также

Задачи

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