11.3.4. Создание страницы вывода

166. Создайте PHP-скрипт: выберите File, New. В списке категорий выберите Dynamic Page, а затем в столбце справа укажите PHP. Убедитесь, что установлен Make document XHTML compliant. Нажмите Create.

167. Сохраните новый файл как test_form_processor.php

168. В режиме Design введите текст  Мы признательны Вам,  , за заполнение формы. Поместите курсор в любое место абзаца и в поле со списком Format на панели Property Inspector выберите пункт Paragraph.

169. Поместите курсор между запятыми, где должно находиться имя. Откройте панель Bindings с помощью команд Window, Bindings.

Панель Bindings применяется для указания всех данных, которые доступны на странице. Эти данные, как правило, хранятся в виде пары "имя-значение". В данном случае имя – firstName. Значения еще не существует, и оно не появится до тех пор, пока кто-нибудь не заполнит форму. Следует также помнить, что значение попадает на страницу вывода из формы, расположенной на странице test_form.php.

170. Нажмите кнопку со знаком +, чтобы прикрепить новое значение. В списке выберите Form Variable. Введите в поле Name имя firstName. Нажмите OK.

Цель действий заключалась в том, чтобы при помощи графического интерфейса сообщить Сказочнику, как написать блок динамического кода. В коде была указана переменная (firstName), ее источник (форма) и действия, которые с ней следует предпринять (вывести в XHTML).

Но программа еще не получала ни указания искать ее, ни инструкций по обработке значения переменной после того, как она будет найдена.

171. Убедитесь, что на панели Bindings выделена переменная firstName после чего нажмите кнопку Insert, расположенную внизу панели. На странице между запятыми появится надпись {Form.firstName}, выделенная синим цветом. В Dreamweaver синим цветом обозначается текст, относящийся к динамическому содержимому. При просмотре страницы в браузере синий цвет показан не будет. Не будет отображаться и надпись {Form.firstName}, вместо нее отобразится имя пользователя.

172. Сохраните и закройте все открытые документы. На панели Site, удерживая нажатой Shift, выделите файлы test_ form.php и test_form_processor.php. Нажмите кнопку Put File(s), расположенную на панели инструментов в верхней части панели.

173. На панели Site выделите файл test_form.php и нажмите клавишу F12. Когда страница загрузится, введите в поле свое имя и нажмите кнопку регистрации Submit. Загрузится страница test_form_processor.php, и введенное в форму имя отобразится на экране.

174. Не закрывая браузер, в меню Вид выполните команду Исходный код. Обратите внимание на строку, размещенную между тегами <p>. Интересно, что динамический код был полностью удален! Код страницы представляет собой статический XHTML. Даже имя, относящееся к динамической части надписи, выглядит так, словно изначально записывалось в виде статического кода. Но это, конечно, не так.

Анализ кода приводит к пониманию важного принципа. Код, вводимый в Сказочнике, отличается от кода страницы, которую пользователь видит в браузере. Разница между двумя версиями страницы возникает вследствие того, что код исходной страницы (PHP) обрабатывается, а затем заменяется XHTML-кодом полученных значений. Два варианта страницы имеют и некоторые сходные черты. Весь стандартный XHTML-код исходной страницы (например, <body> и <p>) остался неизменным в ее итоговой версии.