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

Лабораторная работа № 2

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

ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ

Веб-приложение — клиент-серверное приложение, в котором клиентом выступает браузер, а сервером — веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен информацией происходит по сети. Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложения являются межплатформенными сервисами.

В данной работе выполняются следующие задачи:

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

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

·Microsoft Visual Studio 2005

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

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

1. В меню Файл среды Microsoft Visual Studio 2008 выберите команду Создать и щелкните пункт Веб-узел.

Откроется диалоговое окно Новый веб-узел.

2. В списке Установленные шаблоны Visual Studio выберите Веб-узел ASP.NET.

3. В поле Расположение выберите пункт Файловая система и введите имя папки, в которой необходимо сохранить веб-приложение. Имя папки должно оканчиваться строкой ColorWebApp\ColorWebApp. Например, можно ввести следующее имя: C: \WebSites\ColorWebApp\ColorWebApp. Имя должно повторяться дважды, чтобы можно было добавить проект веб-теста в первую папку и при этом веб-тест был отделен от самого веб-приложения, находящегося во второй папке.

4. В списке Язык выберите С#, так как потребуется написать несколько строк кода.

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

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

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

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

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

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

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

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

4. В области смарт-тегов Задачи RadioButtonList щелкните ссылку EditItems.

(cмарт-тег - это специальная кнопка, имеющая меню с параметрами, которая отображается после того, как приложение распознает какой-то элемент данных, имеющий особое значение).

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

5. Чтобы добавить новый элемент, нажмите кнопку Добавить.

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

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

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

7. Чтобы добавить другой элемент, нажмите кнопку Добавить.

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

9. Нажмите кнопку OK, чтобы закрыть Редактор коллекции ListItem.

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

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