Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Сетевые технологии. Обработка форм в рамках динамических Интернет-сайтов. Учебное пособие
.pdf
В.В. Богун
СЕТЕВЫЕ ТЕХНОЛОГИИ.
ОБРАБОТКА ФОРМ В РАМКАХ
ДИНАМИЧЕСКИХ ИНТЕРНЕТ-САЙТОВ
Учебное пособие
2-е издание, стереотипное
Москва
Ай Пи Ар Медиа
2026
УДК 004
ББК 32.97
Б74
Автор:
Богун В.В. — канд. пед. наук, доц., доц. кафедры математического анализа
и теории и методики обучения математике
Ярославского государственного педагогического университета им. К.Д. Ушинского
Рецензенты:
Бытев Д.О. — д-р техн. наук., проф., зав. кафедрой прикладной математики
и вычислительной техники Ярославского государственного технического университета;
Васильков Ю.В. — д-р техн. наук, проф., проф. кафедры кибернетики
Ярославского государственного технического университета
Богун, Виталий Викторович.
Б74 Сетевые технологии. Обработка форм в рамках динамических Интернет-сайтов :
учебное пособие / В.В. Богун. — 2-е изд., стер. — Москва : Ай Пи Ар Медиа, 2026. —
169 с. — Текст : электронный.
ISBN 978-5-4497-0720-8
В предлагаемом учебном пособии рассмотрена реализация различных алгоритмов обработки форм, представленных в рамках динамических Интернет-страниц, на
основе применения объектно-ориентированного скриптового языка программирования
PHP и реляционной системы управления базами данных MySQL. Рассмотрены механизмы обработки информации с сохранением данных в текстовых файлах и таблицах баз
данных с приведением скриншотов и исходных кодов программ для пользовательской и
администраторской сторон. Для реализации самостоятельной деятельности студентов (в
рамках практических или лабораторных занятий, а также при организации внеуадитор-
ной научно-исследовательской деятельности) приведены макеты динамических Интернет-страниц к решению необходимых задач.
Учебное пособие предназначено для студентов, обучающихся по укрупненным
группам направлений подготовки «Математика и механика», «Компьютерные и информационные науки», изучающих дисциплину «Сетевые технологии». Будет также полезно при изучении дисциплин «Информатика», «Информационные технологии», «Алгоритмизация и программирование». Может использоваться преподавателями и студентами различных направлений бакалавриата, изучающими применение информационных
технологий в профессиональной деятельности с точки зрения обработки форм в рамках
динамических Интернет-сайтов.
Учебное электронное издание
ISBN 978-5-4497-0720-8 © Богун В.В., 2026
© ООО Компания «Ай Пи Ар Медиа», 2026
Содержание
Введение ______________________________________________________________________ 4
1. Основные особенности реализации форм в рамках динамических Интернет-страниц 5
2. Алгоритмы обработки информации в формах динамических Интернет-страниц с
сохранением информации в текстовом файле ____________________________________ 25
2.1. Обработка форм динамических Интернет-страниц с сохранением информации в
текстовом файле ___________________________________________________________________ 25
1.2. Администрирование форм динамических Интернет-страниц с сохранением информации
в текстовом файле _________________________________________________________________ 40
3. Алгоритмы обработки информации в формах динамических Интернет-страниц с
сохранением информации в таблице базы данных ________________________________ 61
3.1. Обработка форм динамических Интернет-страниц с сохранением информации в таблице
базы данных _______________________________________________________________________ 66
3.2. Администрирование форм динамических Интернет-страниц с сохранением информации
в таблице базы данных _____________________________________________________________ 80
4. Алгоритмы обработки информации в формах динамических Интернет-страниц с
сохранением информации во взаимосвязанных таблицах реляционной базы данных__ 103
4.1. Обработка форм динамических Интернет-страниц с сохранением информации во
взаимосвязанных таблицах реляционной базы данных ________________________________ 112
4.2. Администрирование форм динамических Интернет-страниц с сохранением информации
во взаимосвязанных таблицах реляционной базы данных _____________________________ 132
Заключение__________________________________________________________________ 166
Библиографический список ____________________________________________________ 167
4
Введение
По состоянию на настоящее время повсеместное применение информационнокоммуникационных технологий при реализации образовательного процесса в вузах
является актуальным с точки зрения повышения мотивации учащихся к выполнению учебной и научно-исследовательской деятельности, направленной на форми-
рования у обучаемых необходимых компетенций в процессе решения учебных,
прикладных, профессионально-ориентированных и научно-исследовательских
задач на основе интеграции определенного уровня знаний, умений и навыков в
рамках изучаемых учебных дисциплин, а также необходимого уровня теоретиче-
ского и практического мышлений учащихся [15-20].
В предлагаемом учебном пособии представлены различные алгоритмы обработки форм в рамках динамических Интернет-сайтов на основе применения
объектно-ориентированного скриптового языка программирования PHP и реляционной системы управления базами данных MySQL с точки зрения хранения
информации в текстовых файлов, единой таблицы базы данных и взаимосвязанных таблиц в рамках реляционной базы данных в сопровождении необходимых скриншотов и исходных кодов программ с детальными комментариями
для пользовательской и администраторской сторон.
С точки зрения рассмотрения непосредственно форм как наглядного средства
обмена информацией между клиентом и сервером показаны особенности программной реализации множества различных по структуре и функциональным
особенностям визуальных компонентов, которые в рамках учебного пособия
представлены в виде компонентов форм.
Представление каждого из рассматриваемых методов обработки форм дина-
мических Интернет-сайтов осуществляется в виде общего макета и способству-
ет развитию теоретического мышления, тогда как при реализации учебной и
научно-исследовательской деятельности учащимися осуществляется решение
необходимой прикладной или профессионально-ориентированной задачи с точ-
ки зрения изменения содержания макета форм в ракурсе произвольной
настройки количества и взаимного расположения элементов форм.
При изучении различных алгоритмов обработки форм в рамках динамиче-
ских Интернет-сайтов у студентов формируются знания по организации структуры динамической Интернет-страницы в целом и наглядному представлению
различных элементов форм в частности и алгоритмах обработки с последующей визуализацией получаемой из формы информации, умений по реализации
работы с различными структурами данных в рамках ввода, вывода и обработки
информации из соотвествующих элементов форм динамических Интернет-
страниц, а также навыков по применению алгоритмов обработки информации
из различных элементов формы с точки зрения сохранения данных в рамках
текстовых файлов, одной таблицы или нескольких взаимосвязанных таблиц ре-
ляционной базы данных.
5
1. Основные особенности реализации форм в рамках динамических
Интернет-страниц
В настоящее время для реализации интерактивности динамических Интернет-
страниц и сайтов прменяются визуальные формы, которые являются уникальным инструментом, позволяющим осуществлять обратную связь между удаленными пользователями во всемирной сети. Пользователи указывают необходимые
значения исходных данных в рамках различных визуальных компонентов формы, которые при отправке данных на удаленный сервер обрабатываются уже на
стороне сервера соотвествующим образом с учетом особенностей визуального
представления компонентов и формата получаемых значений параметров. После
корректно обработки данных сервером на стороне сервера формируется ответ в
виде исходного кода статической Интернет-страницы, который обратно переда-
ется пользователю и отображается в рамках браузера.
При создании Интернет-страниц в целом изначально используется объектно-
ориентированный подход (ООП), суть которого заключается в разделении рассматриваемого конечного множества объектов, которые выделяются в результате моделирования определенного процесса или явления в силу их существенного
влияния на процесс или явление, на определенное количество классов объектов.
Все объекты в рамках одного класса обладают единым строго определенным
набором статических свойств (атрибутов), характеризующих существенные признаки объектов, и динамических свойств (методов, которые реализуются при активации определенных событий, например, нажатия на кнопке в форме), характеризующих поведение объектов. Объекты в рамках одного класса могут различаться или совпадать в плане значений атрибутов или алгоритмами, а также ре-
зультатами реализации событий.
Формы передают информацию программам-обработчикам в виде пар [имя пе-
ременной]=[значение переменной]. Имена переменных следует задавать латин-
скими буквами. Значения переменных воспринимаются обработчиками как стро-
ки, даже если они содержат только цифры.
Алгоритм создания форм в рамках динамических Интернет-страниц с применением языка гипертекстовой разметки HTML, состоит, как правило, из следующих этапов [10..13]:
1. Необходимо создать форму в целом с обозначением необходимых свойств
(атрибутов).
2. Необходимо указать таблицу, включаемую в рамках формы, с обозначением
необходимых свойств (атрибутов).
3. Необходимо описать все необходимые элементы настройки формы в рамках
таблицы в сопровождении необходимыми комментариями с обозначением необ-
ходимых свойств (атрибутов).
На рисунке 1 ниже представлена визуальная форма в рамках динамической
Интернет-страницы [1..9].
6
Рисунок 1. Визуальное представление формы в рамках динамической
Интернет-страницы
Исходный код программы имеет следующий вид:
<HTML><HEAD>
<?PHP
// Формирование одномерных массивов для элементов формы
// Однозначный список
$mods = array();
$mods[0] = "Вариант 11";
$mods[1] = "Вариант 12";
$mods[2] = "Вариант 13";
$mods[3] = "Вариант 14";
// Множественный список
$mmns = array();
$mmns[0] = "Вариант 21";
7
$mmns[1] = "Вариант 22";
$mmns[2] = "Вариант 23";
$mmns[3] = "Вариант 24";
// Однозначный выбор
$modv = array();
$modv[0] = "Вариант 31";
$modv[1] = "Вариант 32";
$modv[2] = "Вариант 33";
$modv[3] = "Вариант 34";
// Множественный выбор
$mmnv = array();
$mmnv[0] = "Вариант 41";
$mmnv[1] = "Вариант 42";
$mmnv[2] = "Вариант 43";
$mmnv[3] = "Вариант 44";
// Формирование директории для хранения загружаемых файлов
$dirs = "files_f";
if (@!opendir($dirs))
{
mkdir($dirs, 0666);
}
?>
<SCRIPT type="text/javascript" language=JavaScript>
function prfl(zagr)
{
max_size = "<? echo(ini_get('upload_max_filesize')); ?>";
max_size_mb = Math.round(max_size.substr(0,(max_size.length-
1))*100)/100;
zagr_size_mb = Math.round((zagr.files[0].size/(1024*1024))*100)/100;
if (zagr_size_mb>max_size_mb)
{
soob = "Ошибка загрузки файла!";
soob = soob+"\nРазмер загружаемого файла "+zagr_size_mb+"
Мбайт";
soob = soob+"\nМаксимальный размер файла "+max_size_mb+"
Мбайт";
soob = soob+"\nВыберите файл меньшего размера!";
alert(soob);
zagr.value = "";
zagr.focus();
}
}
</SCRIPT>
8
<TITLE>Исходная форма динамической Интернет-страницы</TITLE>
</HEAD>
<BODY>
<HR color=green size=2>
<DIV align=center>
<FONT color=blue><B>Вывод формы исходных данных</B></FONT>
</DIV>
<HR color=green size=2>
<DIV align=justify>
<FORM name=fnam method=post enctype="multipart/form-data">
<TABLE border=1 bordercolor=green cellspacing=0>
<TR valign=top>
<TD>Скрытый элемент</TD>
<TD>
<INPUT type=hidden name=hdn value="<? echo date("d").".".date("m")."."
.date(Y)." ".date("H:i:s") ?>"></INPUT></TD>
</TR>
<TR valign=top>
<TD>Текстовое поле</TD>
<TD><INPUT type=text name=tp value=""></INPUT></TD>
</TR>
<TR valign=top>
<TD>Текстовая область</TD>
<TD><TEXTAREA rows=5 cols=40 name=to></TEXTAREA></TD>
</TR>
<TR valign=top>
<TD>Поле пароля</TD>
<TD><INPUT type=password name=ps value=""></INPUT></TD>
</TR>
<TR valign=top>
<TD>Поле адреса Интернет-сайта (http://www.xxx.xxx)</TD>
<TD><INPUT type=url name=st value=""></INPUT></TD>
</TR>
<TD>Поле адреса электронной почты (xxx@xxx.xxx)</TD>
<TD><INPUT type=email name=et value=""></INPUT></TD>
</TR>
<TR valign=top>
<TD>Поле номера телефона (8-999-999-9999)</TD>
<TD>
<INPUT type=tel name=tl pattern="8-[0-9]{3}-[0-9]{3}-[0-9]{4}" value="">
</INPUT></TD>
</TR>
<TR valign=top>
9
<TD>Выбор даты</TD>
<TD><INPUT type=date name=dtv></INPUT></TD>
</TR>
<TD>Выбор времени</TD>
<TD><INPUT type=time name=ttv></INPUT></TD>
</TR>
<TR valign=top>
<TD>Выбор цвета</TD>
<TD><INPUT type=color name=clv></INPUT></TD>
</TR>
<TR valign=top>
<TD>Загрузка файла</TD>
<TD><INPUT type=file name=flv onchange="prfl(flv);"></INPUT></TD>
</TR>
<TR valign=top>
<TD>Однозначный список</TD>
<TD><SELECT name=ods[]>
<OPTION value=-1>Выберите элемент однозначного списка</OPTION>
<?PHP
for ($i=0;$i<count($mods);$i++)
{
echo "<OPTION value=".$i.">".$mods[$i]."</OPTION>\n";
}
?>
</SELECT></TD></TR>
<TR valign=top>
<TD>Множественный список</TD>
<TD><SELECT name=mns[] multiple>
<?PHP
for ($i=0;$i<count($mmns);$i++)
{
echo "<OPTION value=".$i.">".$mmns[$i]."</OPTION>\n";
}
?>
</SELECT></TD></TR>
<TR valign=top><TD>Однозначный выбор</TD><TD>
<?PHP
for ($i=0;$i<count($modv);$i++)
{
echo "<INPUT type=radio name=odv[] value=".$i.">".$modv[$i]."</INPUT>
<BR>\n";
}
?>
10
</TD></TR>
<TR valign=top>
<TD>Множественный выбор</TD><TD>
<?PHP
for ($i=0;$i<count($mmnv);$i++)
{
echo "<INPUT type=checkbox name=mnv[] value=".$i.">".$mmnv[$i]."
</INPUT><BR>\n";
}
?>
</TD></TR>
<TR align=center>
<TD><INPUT type=submit name=obr value="Обработка данных"></INPUT>
</TD>
<TD><INPUT type=reset value="Отмена"></INPUT></TD></TR>
</TABLE></FORM>
</DIV>
<HR color=green size=2>
</BODY>
</HTML>
В простейшем случае при обработке формы, заполненной данными пользователя, на стороне сервера осуществляется обработка информации с целью ее
непосредственного отображения на компьюторе удаленного пользоваетля в
рамка его браузера, что и продемонстировано на рисунке 2 (заполнение информации удаленным пользователем) и рисунке 3 (вывод значений обработанной
формы на стороне клиента).
Исходный код программы имеет следующий вид:
<HTML><HEAD>
<?PHP
// Формирование одномерных массивов для элементов формы
// Однозначный список
$mods = array();
$mods[0] = "Вариант 11";
$mods[1] = "Вариант 12";
$mods[2] = "Вариант 13";
$mods[3] = "Вариант 14";
// Множественный список
$mmns = array();
$mmns[0] = "Вариант 21";
$mmns[1] = "Вариант 22";
$mmns[2] = "Вариант 23";
$mmns[3] = "Вариант 24";
// Однозначный выбор
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]