Компоненты пользовательского интерфейса на основе WUI (Web user interface)"
Цель: Отработать навыки создания в HTML-документе компонентов, позволяющих создавать интерактивное взаимодействие пользователя с WWW-сервером (HTTP - сервер).
Программное обеспечение: стандартное (HTML-броузер).
Пояснения: Компоненты пользовательского интерфейса на основе WUI обеспечивают взаимодействие пользователя в сетевых программных приложениях (например в Интернет).К одной из важнейших функций WEB-страниц (при наличии объектов WUI), помимо непосредственного отображения информации для пользователей, относится возможность посылать на WEB - узел определенные данные и производить их обработку на сервере. Для этих целей в код страницы включаются специальные тэги, определяющие в HTML - странице специальные объекты-формы, с помощью которых можно создавать интерактивный интерфейс.
При создании формы ее содержимое заключается между тегами <FORM></FORM>. После открывающегося тега <FORM>, может быть указан сценарий или программа, которая будет обрабатывать запрос. Это определяется с помощью атрибута ACTION.
|
|
Например:
<FORM ACTION="/cgi-bin/primer.pl"> -для CGI
<FORM ACTION="/primer.php">
С помощью атрибутов METHOD определяется способ передачи данных на сервер.
Например:
<FORM ACTION="/cgi-bin/primer.pl" METHOD = "POST" >
<FORM ACTION="/primer.php" METHOD = "GET" >
При использовании метода GET информация из формы добавляется в конец URL, который был указан в описании заголовка формы. CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. При POST вся информация о форме передается после обращения к указанному URL и CGI-программа получает данные из формы в стандартный поток ввода (STDIN). Сервер не пересылает сообщение об окончании пересылки данных. Вместо этого, используется переменная окружения CONTENT_LENGTH для определения количества переданных данных. Данные считываются из стандартного потока ввода.(Программный интерфейс взаимодействия по протоколу HTTP броузер-сервер будет рассмотрен более подробно в последующих лабораторных работах,рекомендуется разработанные по этому заданию программы сохранить для дальнейшего использования)
Когда пользователь заполняет форму и активизирует кнопку SUBMIT - специальный тип кнопки, информация, введенная пользователем в форму, посылается HTTP-серверу для обработки. Рассмотрим элементы формы, обеспечивающие ввод данных и отправку их на сервер. Основные элементы формы определяются атрибутами шести типов:
- Кнопки
- Однострочное текстовое поле
- Текстовые блоки
- Меню
- Флажки
- Переключатели
Кнопка Submit (Отправить) используется для передачи всех вводимых данных из полей формы.
<INPUT TYPE = "SUBMIT" VALUE = "SUBMIT" NAME = "SUBMIT">
Кнопка RESET (Сброс) используется для очистки полей формы.
<INPUT TYPE = "RESET" VALUE = "RESET" NAME = "RESET">
Здесь VALUE - надпись на кнопках, NAME - имя, которое передается сценарию.
Вид кнопок в броузере