5. Использование баз данных в Интернет

Развитие различных видов коммерческой деятельности в Интернет невозможно представить без связи с базами данных, в которых может храниться различная информация. Для доступа к базам данных используется один из двух подходов:

1. Однократное или периодическое преобразование содержимого базы данных в статические гипертекстовые документы. Этот подход достаточно эффективен при работе с небольшими, редко обновляемыми базами данных, имеющими простую структуру, а также при пониженных требованиях к актуальности данных, предоставляемых через WWW. Это могут быть различные прайсы, электронные витрины и т. д.

2. Динамическое создание гипертекстовых документов на основе информации, содержащейся в базе данных, и информации, переданной клиентом web-серверу. В этом варианте доступ к базе данных обеспечивается специальным web-приложением (CGI, ASP, PHP и т. п.), вызываемым web-сервером в ответ на запрос, полученный от клиента. Такое решение эффективно для баз данных со сложной структурой, взаимодействующих с клиентом. Например, формирование корзины отобранных товаров, перечисление оплаты в платежных системах и т.д.

Схема динамического взаимодействия с базой данных в рамках Web-технологий, представлена на рисунке 2.1.

Рисунок 2.1 - Модель доступа к базе данных в Интернет

6. Интерактивное взаимодействие с помощью форм

HTML-формы для любого языка Web-программирования являются не просто графическим интерфейсом (GUI), но и самым главным инструментом, обеспечивающим взаимодействие с пользователем. Практически любое современное Web-приложение не может обойтись без контакта с пользователем, начиная от простых гостевых книг и заканчивая крупными Интернет-порталами, которые просто немыслимы без интерактивности.

Формы используются для регистрации в форумах, для общения в чатах, при создании почтовых ящиков с web-интерфейсом, при покупке товаров в Интернет-магазинах.

Для создания формы используется пара HTML-тегов <FORM> и </FORM>. Между ними располагаются теги, описывающие различные элементы управления: кнопки, поля ввода, флажки, списки и т.п. Введенные клиентом в форму данные кодируются в специальный формат и отсылаются на сервер. Для этого в теге <FORM> необходимо задать два атрибута в формате «имя=значение»:

• ACTION предназначен для указания URL-адреса программы (сценария), которая будет выполнять обработку данных, введенных пользователем. Этот адрес может быть как абсолютной, как и относительной ссылкой;

• METHOD определяет метод отправки данных, введенных пользователем. Атрибут может принимать значения GET или POST.

Например, <FORM METHOD=”POST” ACTION=”serch.php”>

1. Элементы управления формы

Основные элементы управления создаются с помощью тега <INPUT>. Тип управляющего элемента задается с помощью атрибута TYPE. Идентификатор элемента задается атрибутом NAME.

Ниже перечислены основные значения, которые может принимать атрибут TYPE:

• TEXT - однострочное поле ввода текста;

• PASSWORD - однострочное поле ввода текста символами *;

• SUBMIT – кнопка для упаковки данных формы и передачи их сценарию CGI, указанному в качестве значения атрибута ACTION.

• RESET – кнопка для приведения всех элементов управления формы в исходные состояния;

• BUTTON – кнопка для выполнения каких-либо действий пользователя;

• IMAGE- отмечает графические изображения как выделяемые элементы формы (подобно кнопкам);

• CHECKBOX – флажок для выбора значений true или false;

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

Остальные атрибуты тега <INPUT> задают способ отображения элементов управления:

• VALUE= «текст» - значение, заданное по умолчанию для текстовых полей, надпись на кнопке;

• SIZE= «число» – количество символов, которое может отображать текстовое поле без прокрутки;

• MAXLENGTH= «число» – максимальное число символов, которое может содержать данное текстовое поле;

• READONLY – содержимое элемента управления не может быть изменено пользователем;

• SRC= «адрес» – адрес файла графического элемента.

• CHECKED – устанавливает данный флажок или выбирает переключатель;

• DISABLED – запрещает использование данного элемента (но элемент виден на экране);

Для формирования списков выбора используется парный тег <SELECT>. Элементы списка описываются парными тегами <OPTION>.

Далее приведен пример HTML-кода формы, содержащей основные элементы управления². Вид формы в браузере представлен на рисунке 2.2.

<html>

<form method="GET" action="http://localhost/cgi-bin/registr.exe/resp">

Имя пользователя<input type="text" name="log" size="20>

Пароль<input type="password" name="psw" size="20">

Способ оплаты

<select name=opl>

<option>кредитная карта</option>

<option>банковский перевод</option>

<option>почтовый перевод</option>

</select>

Способ доставки

<input type=radio name=rd value="k" checked>курьер<br>

<input type=radio name=rd value="p">почтой<br>

<input type="submit" value="Оплатить"><br>

<input type="reset" value="Отмена"

</form>

</html>

Рисунок 2.2 – Основные элементы управления на форме