 |
HTML-формы. Методы отправки данных на сервер с помощью формы
|
|
|
|
Этапы создания веб-приложения. Основы РНР и MySQL
Лекция
План
ВВЕДЕНИЕ
1. Что такое веб-программирование. Основные технологии
1.1. Клиент-Сервер
1.2. HTML-формы. Методы отправки данных на сервер с помощью формы
1.3. Технология CGI
2. PHP: Препроцессор Гипертекста
2.1. Что такое PHP?
2.2. Возможности PHP
2.3. Почему нужно выбирать PHP
2.4. Недостатки PHP
2.5. Встраивание PHP в HTML - форму
2.6. HTML-формы. Массивы $_GET и $_POST
2.6.1. Особенности метода отправки формы POST
2.6.2. Особенности метода отправки формы GET
2.7. Функция htmlspecialchars()
2.8. Применение функции phpinfo() для отладки
3. Что такое MySQL
3.1. Возможности MySQL.
3.2. Примеры использования PHP совместно с MySQL
3.2.1. Работа с формами
3.2.2. Сохранение данных в базе данных MySQL
3.2.3. Получение (извлечение) данных из базы данных MySQL
ВВЕДЕНИЕ
Основные технологии веб-программирования. Методы отправки данных на сервер с помощью HTML-формы. PHP - Препроцессор Гипертекста. Сохранение данных в базе данных MySQL. Клиент-Сервер и технология CGI. Примеры использования PHP совместно с MySQL.
Рассмотрим основные этапы создания web-приложения на языке PHP.
Предполагается, что Вы знаете основы языка разметки HTML и имеете небольшой опыт программирования.
Прежде, чем приступать к созданию web-приложения, нужно выяснить, что понимают под web - программированием.
Что такое веб-программирование. Основные технологии
Клиент-Сервер
Когда Вы программировали, например, на Delphi, Visual Basic, или Visual C++, то привыкли к такой схеме работы программы: нажимаете кнопку на клавиатуре ► выполняется код ► выводится результат. Все это выполняется на одном компьютере.
В web -программировании все обстоит по-другому.
|
|
|
Когда Вы вводите в адресной строке браузера URL (Universal Resource Location, или в просторечии - адрес) происходит следующее:
● Браузер открывает соединение с сервером.
● Браузер отправляет серверу запрос на получение страницы.
● Сервер формирует ответ (чаще всего - HTML-код) браузеру и закрывает соединение.
● Браузер обрабатывает HTML-код и отображает web -страницу, которую Вы видите на экране монитора.
Еще до того, как Вы увидели на экране запрошенную страницу, соединение с сервером закрыто, и он о Вас забыл. И когда Вы введете другой (или тот же самый) адрес, или щелкните по ссылке, или нажмете на кнопку HTML-формы - та же схема повторится снова.
Такую схему работы называют "клиент-сервер". Клиент в данном случае - браузер.
Соединение с web -сервером длится промежуток времени между щелчком по ссылке (или другим способом запроса) и началом отображения web -страницы. Большинство браузеров во время соединения отображают индикатор, например, индикатор MS Internet Explorer отображает анимацию в правом верхнем углу.
Внимательный студент может заметить - а как же так, я уже читаю страницу, а индикатор все еще показывает процесс соединения? Дело в том, что тэг <img src=...> (загрузка изображения) и некоторые другие теги HTML – кода - это еще один запрос к серверу. Выполняется он точно так же, как и любой другой запрос - по той же схеме.
Чтобы навсегда избавиться от восприятия HTTP как "черного ящика", "притворимся" браузером с помощью telnet' а:
1. Запустим telnet www.php5.ru 80
2. Введем в окне терминала следующее (если ввод не отображается - ничего страшного):
GET / HTTP/1.0 [ здесь нажмем Enter]
Host: www.php5.ru [здесь нажмем Enter дважды]
Нажатие Enter соответствует, как правило, комбинации символов CR + LF, обозначаемых как \r\n. Далее будет использоваться именно это обозначение.
По экрану монитора пробежит HTML-код страницы http://www.php5.ru/.
HTML-код текущей страницы можно просмотреть практически в любом браузере, выбрав в меню "Вид|Просмотр HTML-кода":
|
|
|
Картинки, фреймы - это дополнительные запросы: при обработке (парсинге) HTML-кода, браузер, натыкаясь на тэг <img src="картинка"> осуществляет дополнительный запрос к серверу - запрос картинки, и отображает ее на месте, где стоит тэг <img...>.
Введите:
Telnet www. php 5. ru 80
GET /php/php5ru.png HTTP/1.0\r\n
Host: www.php5.ru\r\n\r\n
По экрану пробежит то, что бы вы увидели, если б просмотрели этот png -файл в текстовом редакторе.
HTML-формы. Методы отправки данных на сервер с помощью формы
Одно из наиболее распространенных приложений любого языка создания серверных сценариев – обработка HTML - форм. Web-программирование в большей части представляет собой обработку различных данных, введенных пользователем.
РНР облегчает задачу обработки и разбора форм, поступивших из браузера, так как в язык на самом нижнем уровне встроены все необходимые возможности. Поэтому программисту не приходится даже и задумываться над особенностями протокола HTTP и размышлять, как же происходит отправка и прием ро s т -форм или даже загрузка файлов.
С HTML -формами Вы уже встречались при изучении языка разметки HTML.
Рассмотрим пример посылки сообщения из формы по электронной почте.
Листинг e_mail.html. Посылка сообщения из формы по e-mail
<html>
<head>
<title>Посылка формы по е-mail</title>
</head>
<body>
<FORM action=mailto: [email protected] enctype=”text/plain” method=”post”>
Нажмите “ C брос” и заполните заказ.< BR >
<INPUT type=reset value=C6poc><BR>
<P>
<TABLE border=0 cellspacing=O cellpadding=5>
< TR >
< TD >Ваше имя:</ TD >
<TD>
<INPUT type=text size=33 name=name value=”Прохоров Виктор Сергеевич”>
</TD>
</TR>
<TR>
<TD>Ваш адрес:</TD>
<TD>
<INPUT type=text size=33 name=email [email protected] >
</TD>
</TR>
<TR>
<TD>Прислать:</TD>
<TD>
<INPUT type=text size=33 name=obj value=”Методические указания”>
</TD>
</TR>
</TABLE>
<INPUT type=submit value=”Послать заказ”>
</FORM>
</body>
</html>
Если обработать этот HTML-код браузером, то отобразится web -страница, которую можно увидеть на экране монитора:
Пользователь нажимает кнопку «Сброс», и поля принимают значения, установленные по умолчанию. Форма заполняется пользователем, и по нажатию кнопки «Послать заказ» отправляется по адресу [email protected]. Обычно браузер не сам отсылает форму, а поручает эту работу почтовой программе, установленной по умолчанию в операционной системе компьютера (например, Outlook). Письмо посылается в виде:
|
|
|
|
|
|
