<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Электронный научно-практический журнал «Современные научные исследования и инновации» &#187; MySQL</title>
	<atom:link href="http://web.snauka.ru/issues/tag/mysql/feed" rel="self" type="application/rss+xml" />
	<link>https://web.snauka.ru</link>
	<description></description>
	<lastBuildDate>Sat, 18 Apr 2026 09:41:14 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Процесс создания базы данных</title>
		<link>https://web.snauka.ru/issues/2020/11/93910</link>
		<comments>https://web.snauka.ru/issues/2020/11/93910#comments</comments>
		<pubDate>Mon, 30 Nov 2020 03:59:59 +0000</pubDate>
		<dc:creator>Волокитина Татьяна Сергеевна</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[Delphi]]></category>
		<category><![CDATA[ER-Win]]></category>
		<category><![CDATA[MySQL]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/issues/2020/11/93910</guid>
		<description><![CDATA[Авиакомпания осуществляет продажу билетов на рейсы в ближайшие три месяца. Разработать базу данных аэропортов. База хранит расписание рейсов, сведения о проданных местах, и служит для оперативного выбора рейса и заказа билетов. Пользователями базы являются: администратор (редактирует расписание и маршруты, анализирует статистику рейсов); кассиры (продают билеты на рейсы на ближайшие три дня) и пассажиры (просматривают расписание, [...]]]></description>
			<content:encoded><![CDATA[<p><span style="text-align: justify;">Авиакомпания осуществляет продажу билетов на рейсы в ближайшие три месяца.</span></p>
<p style="text-align: justify;"><span>Разработать базу данных аэропортов. База хранит расписание рейсов, сведения о проданных местах, и служит для оперативного выбора рейса и заказа билетов. Пользователями базы являются: администратор (редактирует расписание и маршруты, анализирует статистику рейсов); кассиры (продают билеты на рейсы на ближайшие три дня) и пассажиры (просматривают расписание, через справочную систему выбирают оптимальный рейс до нужного им населенного пункта, смотрят количество свободных мест).<br />
</span></p>
<p style="text-align: justify;"><span>В базе данных также хранится информация обо всех самолетах парка: марка, сведения о водителях, количество посадочных мест, пригоден ли самолет в данный момент к эксплуатации или находится на ремонте. Расписание составляется в двух вариантах:<br />
</span></p>
<p style="text-align: justify;"><span>1) расписание общее (пункт назначения, время и номер рейса);<br />
</span></p>
<p style="text-align: justify;"><span>2) расписание каждого аэропорта на ближайший день.<br />
</span></p>
<p><strong>Описание предметной области</strong></p>
<p style="text-align: justify;"><span>Аэропорт &#8211; представляет собой комплекс сооружений, включающий в себя аэродром, аэровокзал, другие сооружения, предназначенные для приема и отправки воздушных судов, обслуживания воздушных перевозок и имеющий для этих целей необходимые оборудование.<br />
</span></p>
<p style="text-align: justify;"><span>Аэропорт &#8211; сложный и многоплановый технологический механизм, и эффективное управление им &#8211; сложная задача. И чем больше аэропорт и мощнее пассажиропоток, тем важнее становится оперативный контроль над всеми процессами, происходящими в аэропорту и тем выше цена любой ошибки. По оценкам ассоциации Airports Council International (ACI), к 2025 г. объем пассажирских перевозок вырастет примерно вдвое &#8211; до 9 млрд. пассажиров в год.<br />
</span></p>
<p style="text-align: justify;"><span>Задача, стоящая перед компанией, управляющей аэропортовым комплексом, сложна еще и потому, что приходится учитывать особенности работы с несколькими разнородными категориями клиентов &#8211; в их число входят пассажиры, люди, встречающие и провожающие пассажиров, авиаперевозчики и внешние провайдеры бизнес-услуг.<br />
</span></p>
<p style="text-align: justify;"><span>Приоритеты в выборе направлений развития, ввиду разного географического положения, требований, предъявляемых работающими в аэропорту авиакомпаниями, финансовых возможностей и т. д., могут меняться, но есть нечто общее &#8211; основные резервы лежат в области информационных технологий.<br />
</span></p>
<p style="text-align: justify;"><span>Область понятий рейсы включает в себя данные по самолетам, облуживающие данные направления, аэропорт вылета и аэропорт прилета.<br />
</span></p>
<p style="text-align: justify;"><span>Область понятия Самолеты включает в себя идентификатор самолета и рейса, имя самолета и его вместимость<br />
</span></p>
<p style="text-align: justify;"><span>Область понятий места обозначает занято или свободно место.<br />
</span></p>
<p style="text-align: justify;"><span>Область понятий стоимость указывает в зависимости от рейса и самолета, обслуживающего данный рейс, занято то или иное место или нет.<br />
</span></p>
<p style="text-align: justify;"><span>Область понятий пассажир содержит данные о конкретном пассажире заданного рейса. В случае, если пользователь пользуется 2 разными рейсами он все равно вносится в данную таблицу.<br />
</span></p>
<p style="text-align: justify;"><span>Область понятий рейсы из самолетов необходимо для сопоставления самолета и рейса.<br />
</span></p>
<p style="text-align: justify;"><span>Область понятий аэропорты включает в себя данные о городе и адресе аэропорта.<br />
</span></p>
<p><strong>Описание словаря понятий и терминов</strong></p>
<p><span>Рейс – путь транспортного средства по определённому маршруту.<br />
Самолет – воздушное судно.<br />
Место – место в самолете<br />
Стоимость – стоимость полета на самолете.<br />
Пассажир – человек, который не является членом экипажа и который перевозится транспортным средством в соответствии с гласным или негласным договором перевозки.<br />
Аэропорт – это воздушный порт.<br />
</span></p>
<p><span style="times new roman; 14pt; text-decoration: underline;">Концептуальная модель (ER-диаграмма)<br />
</span></p>
<p><img src="https://web.snauka.ru/wp-content/uploads/2020/11/113020_0341_1.png" alt="" /><span><br />
</span></p>
<p><span>В результате был получен следующая БД с 7 таблицами<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2020/11/113020_0341_2.png" alt="" /><span><br />
</span></p>
<p><span>Наполним таблицы значениями<br />
</span></p>
<p><span>Пример кода наполнения таблиц:<br />
INSERT INTO `airoport` (`id_airoport`, `city`, `adress`) VALUES (&#8217;2&#8242;, &#8216;Moscow&#8217;, &#8216;Vnukovo&#8217;);<br />
</span></p>
<p><span>В результате наполнения выполним поиск по таблице аэропортов москвы<br />
<a href="http://127.0.0.1/openserver/phpmyadmin/url.php?url=https://dev.mysql.com/doc/refman/5.5/en/select.html" target="mysql_doc"><span style="background-color: #e5e5e5;">SELECT</span></a><span style="background-color: #e5e5e5;"> * </span></span><span style="background-color: #e5e5e5;">FROM<span> `airoport` </span>WHERE<span> `city` <a href="http://127.0.0.1/openserver/phpmyadmin/url.php?url=https://dev.mysql.com/doc/refman/5.5/en/string-comparison-functions.html" target="mysql_doc">LIKE</a> &#8217;Moscow&#8217;<br />
</span></span></p>
<p><span>В ходе выполнения работы мы создали пользователя «user» с паролем «1»<br />
</span></p>
<p><span style="color: #770088; background-color: #e5e5e5;">CREATE<span style="color: black;"> <a href="http://127.0.0.1/openserver/phpmyadmin/url.php?url=https://dev.mysql.com/doc/refman/5.5/en/information-functions.html" target="mysql_doc">USER</a> <span style="color: #aa1111;">&#8216;user&#8217;<span style="color: #0055aa;">@&#8217;%&#8217; IDENTIFIED WITH mysql_native_password;GRANT SELECT ON *.* TO &#8216;user&#8217;@'%&#8217; REQUIRE NONE WITH MAX_QUERIES_PER_HOUR 0 MAX_CONNECTIONS_PER_HOUR 0 MAX_UPDATES_PER_HOUR 0 MAX_USER_CONNECTIONS 0;SET PASSWORD FOR &#8216;user&#8217;@'%&#8217; = &#8216;***&#8217;;CREATE DATABASE IF NOT EXISTS `user`;GRANT ALL PRIVILEGES ON `user`.* TO &#8216;user&#8217;@'%&#8217;;GRANT ALL PRIVILEGES ON `reysy`.* TO &#8216;user&#8217;@'%&#8217;<span style="color: black;">;<br />
</span></span></span></span></span></p>
<p><span style="color: black; times new roman; 14pt; background-color: #e5e5e5;">Существует также автоматически созданный администратор с логином root<br />
</span></p>
<p><span style="color: black; times new roman; 14pt; background-color: #e5e5e5;">Данный пользователь умеет исключительно искать рейсы по городам вылета и приземления.<br />
</span></p>
<p><span>Добавим пользователя kassir c пустым паролем<br />
</span></p>
<p><span style="color: #0055aa;"><span>CREATE <a href="http://127.0.0.1/openserver/phpmyadmin/url.php?url=https://dev.mysql.com/doc/refman/5.5/en/information-functions.html" target="mysql_doc">USER</a> &#8217;kassir&#8217;<span style="background-color: #e5e5e5;">@&#8217;%&#8217; IDENTIFIED WITH mysql_native_password;GRANT SELECT, INSERT, UPDATE ON *.* TO &#8216;kassir&#8217;@'%&#8217; REQUIRE NONE WITH MAX_QUERIES_PER_HOUR 0 MAX_CONNECTIONS_PER_HOUR 0 MAX_UPDATES_PER_HOUR 0 MAX_USER_CONNECTIONS 0;SET PASSWORD FOR &#8216;kassir&#8217;@'%&#8217; = &#8216;***&#8217;;GRANT ALL PRIVILEGES ON `user`.* TO &#8216;kassir&#8217;@'%&#8217;</span>; </span><span style="background-color: #e5e5e5;"><br />
</span></span></p>
<p><span>Попробуем добавить данные в таблицу planes <img src="https://web.snauka.ru/wp-content/uploads/2020/11/113020_0341_3.png" alt="" /><br />
</span></p>
<p><span>Курсор неактивен, поэтому изменения невозможны.<br />
</span></p>
<p><span>Попробуем провести поиск<br />
<img src="https://web.snauka.ru/wp-content/uploads/2020/11/113020_0341_4.png" alt="" /><br />
</span></p>
<p><span>Данные функции о разграничении пользователей были применены в самом оконном приложении.<br />
</span></p>
<p><span>Была создана стартовая форма для логина.<br />
</span></p>
<p><img src="https://web.snauka.ru/wp-content/uploads/2020/11/113020_0341_5.png" alt="" /><span><br />
</span></p>
<p><span>Существует 3 профиля:<br />
root-администратор<br />
</span></p>
<p><span>Kassir-продавец<br />
</span></p>
<p><span>User1-пользователь<br />
</span></p>
<p><span>Для удобства системы была использована система mydac 10.1 for Delphi 7. Преимущество данной системы в обработке данных между формой и базой данных. Например, для администратора существует весь объем информации, который он может редактировать с автогенерирующимся запросами на основании внесенных изменений в DataGrid.<br />
Для кассира существует такая же система, но ему запрещено удалять и видоизменять строки(данные функции возложены исключительно на администратора).<br />
</span></p>
<p><span>Форма для пользователя представляет следующий вид<br />
</span></p>
<p><img src="https://web.snauka.ru/wp-content/uploads/2020/11/113020_0341_6.png" alt="" /><span><br />
</span></p>
<p><span>Попробуем поменять маршрут на Москва-Курск.<br />
</span></p>
<p><img src="https://web.snauka.ru/wp-content/uploads/2020/11/113020_0341_7.png" alt="" /><span><br />
</span></p>
<p><span>Для удобства отладки программы в техническом режиме существует вывод запроса.<br />
</span></p>
<p><span>В результате работы были рассмотрены метод создание возможности авторизации для пользователей, а так же создание программы используя язык Delphi и технологий MySQL.</span></p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2020/11/93910/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Подход к выбору системы управления базами данных на предприятиях</title>
		<link>https://web.snauka.ru/issues/2021/11/97021</link>
		<comments>https://web.snauka.ru/issues/2021/11/97021#comments</comments>
		<pubDate>Mon, 22 Nov 2021 05:43:32 +0000</pubDate>
		<dc:creator>Скрябин Илья Александрович</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[SQLite]]></category>
		<category><![CDATA[база данных]]></category>
		<category><![CDATA[данные]]></category>
		<category><![CDATA[информационная безопасность]]></category>
		<category><![CDATA[информация]]></category>
		<category><![CDATA[система управления базами данных]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/issues/2021/11/97021</guid>
		<description><![CDATA[В современном мире сотрудник любого предприятия ежедневно сталкивается с огромным количеством информации, необходимой для стабильной работы организации: состав сотрудников данного учреждения и данные о них, сведения об объектах предприятия, учёт проведения технического обслуживания технических средств и оборудования и другая не менее важная информация. Для её хранения, поиска и учета необходимо структурировать данные в зависимости от [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;" align="center">В современном мире сотрудник любого предприятия ежедневно сталкивается с огромным количеством информации, необходимой для стабильной работы организации: состав сотрудников данного учреждения и данные о них, сведения об объектах предприятия, учёт проведения технического обслуживания технических средств и оборудования и другая не менее важная информация. Для её хранения, поиска и учета необходимо структурировать данные в зависимости от логики их взаимосвязанности.</p>
<p>Процесс выполнения этой задачи при работе со сведениями, хранящимися на бумажном носителе, представляется сложным и трудоёмким. Следовательно, информацию необходимо оцифровать – представить в электронном виде. Для хранения и постоянного применения информации используются базы данных.</p>
<p>База данных (БД) &#8211; набор взаимосвязанных сведений (фактов), относящихся к определенной предметной области, организованных по определенным правилам, которые могут предусматривать их клиаративное представление, хранение и манипулирование ими [1]. БД являются неотъемлемой частью всех компьютерных систем.</p>
<p>Использование баз данных для хранения документов и их управления имеет следующие преимущества:</p>
<ul>
<li>надёжность и удобное хранение документов;</li>
<li>возможность ограничения права доступа сотрудника к базе данных;</li>
<li>низкая стоимость хранения информации;</li>
<li>возможность хранения документов неограниченный промежуток времени;</li>
<li>минимальная затрата времени на обработку документов;</li>
<li>низкие трудозатраты;</li>
<li>представление информации в различном формате данных (текст, чертежи, графики и т.д.);</li>
<li>построение запросов и отчётов;</li>
<li>построение диаграмм и их размещение на отчет;</li>
<li>простота в использовании;</li>
<li>автоматизированная регистрация документов с прикреплением электронных копий документов регистрации и т.п.;</li>
<li>пересылка и доставка документов в электронном виде до рабочих мест сотрудников.</li>
</ul>
<p>Для работы с базами данных созданы системы управления базами данных. Система управления базами данных (СУБД) &#8211; совокупность программных и лингвистических средств общего или специального назначения, обеспечивающих управление созданием и использованием баз данных [2]. В большинстве случаев база данных и СУБД применяются вместе. Тем не менее БД является областью хранения данных, а СУБД – это программное обеспечение, которое используется для доступа к базе данных. Наиболее популярными являются Oracle, MySQL, Microsoft SQL Server, PostgreSQL, SQLite, Microsoft Access. Выбор конкретной СУБД зависит от типа решаемых задач и типов обрабатываемых данных (таблица 1).</p>
<p>Таблица 1 – Типы СУБД и решаемые ими задачи</p>
<table width="648" border="1" cellspacing="0" cellpadding="6">
<tbody>
<tr>
<td valign="top" width="162">
<p align="center"><strong>Тип СУБД</strong></p>
</td>
<td valign="top" width="313">
<p align="center"><strong>Выполняемые задачи</strong></p>
</td>
<td valign="top" width="172">
<p align="center"><strong>Примеры СУБД</strong></p>
</td>
</tr>
<tr>
<td valign="top" width="162">Реляционная</td>
<td valign="top" width="313">Необходимость обработки большого количества</p>
<p>коротких транзакций</td>
<td valign="top" width="172">Oracle, MySQL, Microsoft SQL Server, PostgreSQL</td>
</tr>
<tr>
<td valign="top" width="162">Объектная</td>
<td valign="top" width="313">Высокопроизводительная обработка данных,</p>
<p>имеющих сложную</p>
<p>структуру, с</p>
<p>использованием языков</p>
<p>объектно-ориентированного</p>
<p>программирования</td>
<td valign="top" width="172">MongoDB Realm, ObjectStore,</p>
<p>Actian NoSQL DB, Objectivity/DB</td>
</tr>
<tr>
<td valign="top" width="162">Документно-ориентированная</td>
<td valign="top" width="313">Для хранения объектов в одной сущности, но с разной структурой</td>
<td valign="top" width="172">CouchDB, MongoDB, Amazon DocumentDB</td>
</tr>
<tr>
<td valign="top" width="162">Графовая</td>
<td valign="top" width="313">Для работы с графами, с их узлами, свойствами и</p>
<p>произвольными</p>
<p>отношениями между узлами</td>
<td valign="top" width="172">Amazon Neptune, InfiniteGraph, InfoGrid</td>
</tr>
<tr>
<td valign="top" width="162">Колоночная</td>
<td valign="top" width="313">Хранение данных</p>
<p>поколоночно; выполнение сложных аналитических</p>
<p>запросов</td>
<td valign="top" width="172">Vertica, ClickHouse, Google BigTable, Sybase SAP IQ, InfoBright</td>
</tr>
</tbody>
</table>
<p>Рассмотрим программные продукты с открытым исходным кодом, так как, с точки зрения информационной безопасности, они менее уязвимы. Из перечисленных выше СУБД &#8211; SQLite и MySQL. СУБД SQLite доступна в открытом виде, а MySQL является собственностью компании Oracle.</p>
<p>Система управления базами данных SQLite – встраиваемая СУБД, которая предназначена для локального хранения данных и не подходит для многопользовательского доступа [4]. Может поставляться как составная часть некоторого программного продукта, не требуя процедуры самостоятельной установки.</p>
<p>Система управления базами данных MySQL – клиент-серверная СУБД, которая предназначена для предоставления доступа к базам данных в монопольном режиме [4]. Располагается на сервере вместе с БД.</p>
<p>В отношении представления и хранения информации в различном формате СУБД MySQL является более гибкой – свыше 30 поддерживаемых типов данных, в отличие от SQLite – около 10. СУБД SQLite подходит для небольших баз данных. Размер библиотеки составляет около 250 КБ. MySQL, напротив, легко масштабируется и может обрабатывать большие базы данных с меньшими усилиями, а размер сервера MySQL — около 600 МБ. SQLite хранит всю информацию в одном файле, что облегчает его копирование с минимальными задержками. Копирование данных в MySQL для БД с большим объёмом информации займёт немало времени, так как потребуется сжать всё в один файл [3].</p>
<p>С точки зрения безопасности хранения информации в БД, то встроенного механизма аутентификации в SQLite нет. Файлы доступны любому пользователю. В свою очередь MySQL поставляется с множеством встроенных функций безопасности, которые включают аутентификацию с именем пользователя и паролем. Для защиты конфиденциальных данных в MySQL существует возможность их шифрования.</p>
<p>Таким образом, на основе проведённого анализа, можно сделать вывод, что система управления SQLite является отличным выбором для малых предприятий при построении БД, содержащих небольшой объём данных и не требующих высокой масштабируемости. Для крупных фирм и организаций наилучшим вариантом является MySQL, так как существует возможность многопользовательского доступа к приложениям с рабочего места любого сотрудника, хранения большого объёма данных и обеспечения хорошей скорости и производительности.</p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2021/11/97021/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Разработка авторизации на сайте</title>
		<link>https://web.snauka.ru/issues/2024/07/102305</link>
		<comments>https://web.snauka.ru/issues/2024/07/102305#comments</comments>
		<pubDate>Tue, 02 Jul 2024 11:11:55 +0000</pubDate>
		<dc:creator>Гриневский Денис Станиславович</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[база данных]]></category>
		<category><![CDATA[разработка веб-страницы]]></category>
		<category><![CDATA[форма регистрации и авторизации]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/issues/2024/07/102305</guid>
		<description><![CDATA[Научный руководитель: Вильданов Алмаз Нафкатович к.ф.-м.н., Уфимский университет науки и технологий, Нефтекамский филиал &#160; Для начала работы необходимо зарегистрировать аккаунт на hostland.ru, для этого переходим на сайт и нажимаем кнопку «Вход», а затем зарегистрироваться. Выбираем нужный тариф, при регистрации первый месяц будет бесплатным, однако нужно подтвердить аккаунт (рисунок 1): Рисунок 1. Авторизация на сайте hostland.ru Теперь нам [...]]]></description>
			<content:encoded><![CDATA[<p style="background: white; text-align: center;"><em>Научный руководитель: Вильданов Алмаз Нафкатович<br />
</em><em><span>к.ф.-м.н., </span></em><em><span>Уфимский университет науки и технологий, Нефтекамский филиал</span></em></p>
<p>&nbsp;</p>
<p style="text-align: justify;"><span>Для начала работы необходимо зарегистрировать аккаунт на hostland.ru, для этого переходим на сайт и нажимаем кнопку «Вход», а затем зарегистрироваться. Выбираем нужный тариф, при регистрации первый месяц будет бесплатным, однако нужно подтвердить аккаунт (рисунок 1):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_1.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 1. Авторизация на сайте hostland.ru<br />
</em></span></p>
<p style="text-align: justify;"><span>Теперь нам необходимо создать пользователя и саму базу данных. Информационные системы, работающие с MySQL по-прежнему актуальны и широко используются. MySQL предоставляет надежное и масштабируемое решение для хранения данных, что делает его популярным выбором для веб-разработчиков [1]. Многие современные веб-приложения, включая интернет-магазины и корпоративные системы, продолжают использовать MySQL благодаря его производительности, безопасности и поддержке сообщества.<br />
</span></p>
<p style="text-align: justify;"><span>Сначала перейдите на вкладку MySQL -&gt; Пользователи MySQL. Создайте нового пользователя, например, host1872291_1, и придумайте для него пароль, к примеру 12345 (рисунок 2):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_2.png" alt="" /></p>
<p style="text-align: center;"><span><em>Рисунок 2. MySQL<br />
</em></span></p>
<p><span>Далее переходим во вкладку базы данных MySQL. Создаем базу данных, для удобства с такими же данными, как и пользователь. И прикрепляем созданного нами пользователя (рисунок 3):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_3.png" alt="" /><span><em>Рисунок 3. Добавление базы данных</em><br />
</span></p>
<p style="text-align: justify;"><span>Затем переходим во вкладку phpMyAdmin. PhpMyAdmin это веб-интерфейс для управления СУБД [2]. Выбираем нашу базу данных и создаём нужные нам таблицы (рисунок 4):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_4.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 4. Создание таблицы<br />
</em></span></p>
<p style="text-align: justify;"><span>Не забудьте сделать первое поле ключевым и автоинкрементным. Если вы упустили этот момент, не переживайте — вы можете внести изменения позже, зайдя в структуру таблицы. Используйте различные типы данных. Например, для хранения пола используйте тип enum, который позволяет обозначить фиксированный набор значений, в данном случае два. Для коротких строк, таких как имена и фамилии, применяйте тип varchar(25), где числовое значение в скобках указывает максимальную длину строки. Помните, что строки, превышающие 25 символов, будут обрезаны при сохранении в базу данных.<br />
</span></p>
<p><span>Нажимаем Новая назовем таблицу login для сохранения данных пользователей при регистрации, вводим столбцы как на примере, задаем тип text (рисунок 5):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_5.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 5. Таблица login<br />
</em></span></p>
<p style="text-align: justify;"><span>Используйте различные типы данных. Например, для хранения пола используйте тип enum, который позволяет обозначить фиксированный набор значений. Для коротких строк, таких как имена и фамилии, применяйте тип varchar(25), где числовое значение в скобках указывает максимальную длину строки [3]. Помните, что строки, превышающие 25 символов, будут обрезаны при сохранении в базу данных.<br />
</span></p>
<p style="text-align: justify;"><span>Переходим в файловый менеджер и создаём папку connection в которой создаем data.php он нам нужен для подключения к таблице. В нем мы создаем объект data класса PDO. Указываем имя БД, пользователя и пароль (рисунок 6):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_6.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 6. Код для файла data.php<br />
</em></span></p>
<p><span>Теперь этот файл больше не меняется и будет использоваться на всех страницах, где нужен вывод данных. Далее создаем index.php. Именно с него начинается наш сайт. Поэтому в нём мы сделаем нашу авторизацию.<br />
</span></p>
<p><span>Подключаем к нашей БД и пишем следующий код для проверки наличия пользователя в БД(рисунок 7) и кнопку регистрации для того случая, если пользователь новый. В итоге получаем(рисунок 8):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_7.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 7. Код для Авторизации<br />
</em></span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_8.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 8. Пример оформления поля авторизации<br />
</em></span></p>
<p><span>Затем создадим файл reg.php, именно в нём мы будем записывать новых пользователей в БД, пишем код (рисунок 9) и получаем (рисунок 10):<br />
</span></p>
<p style="text-align: center;"><span>.<img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_9.png" alt="" /><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 9. Код для регистрации<br />
</em></span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_10.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 10. Пример оформления поля авторизации<br />
</em></span></p>
<p><span>После всего что мы проделали, нам осталось сделать главное меню в которой мы и увидим нашу таблицу minerals_info. Для этого создадим файл main.php и напишем в нём следующий код (рисунок 11):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_11.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span><em>Рисунок 11. Код для вывода таблицы</em>.<br />
</span></p>
<p style="text-align: justify;"><span>Таким образом, в случае того если пользователь не зарегистрирован, но попадёт на данную страницу, он не увидит нашу таблицу (рисунок 12), а увидит лишь строчку &#8220;Эта страница только для авторизованных пользователей!&#8221;.<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1106_12.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Р<em>исунок 12. Пример вывода таблицы.</em></span></p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2024/07/102305/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Разработка базы данных магазина детских товаров</title>
		<link>https://web.snauka.ru/issues/2024/07/102319</link>
		<comments>https://web.snauka.ru/issues/2024/07/102319#comments</comments>
		<pubDate>Tue, 02 Jul 2024 11:31:01 +0000</pubDate>
		<dc:creator>Ишпулатова Александра Юрьевна</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[база данных]]></category>
		<category><![CDATA[разработка веб-страницы]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/issues/2024/07/102319</guid>
		<description><![CDATA[Научный руководитель: Вильданов Алмаз Нафкатович к.ф.-м.н., Уфимский университет науки и технологий, Нефтекамский филиал Разработка веб-страниц с базами данных &#8211; это важный этап создания любого сайта. Благодаря базам данных сайт становится более динамичным и интерактивным для пользователей. На платформе hostland.ru вы можете легко создать веб-страницу с базой данных, используя различные инструменты и сервисы. Одним из основных инструментов для [...]]]></description>
			<content:encoded><![CDATA[<p style="background: white; text-align: center;"><em style="text-align: center;"><span>Научный руководитель: Вильданов Алмаз Нафкатович<br />
</span></em><em>к.ф.-м.н., Уфимский университет науки и технологий, Нефтекамский филиал</em></p>
<p style="text-align: justify;"><span>Разработка веб-страниц с базами данных &#8211; это важный этап создания любого сайта. Благодаря базам данных сайт становится более динамичным и интерактивным для пользователей. На платформе hostland.ru вы можете легко создать веб-страницу с базой данных, используя различные инструменты и сервисы.<br />
</span></p>
<p style="text-align: justify;"><span>Одним из основных инструментов для работы с базами данных на сайте hostland.ru является MySQL. MySQL &#8211; это мощная система управления реляционными базами данных, которая позволяет создавать и управлять базами данных для вашего сайта. С помощью MySQL вы можете хранить информацию о пользователях, товарах, заказах и многом другом.<br />
</span></p>
<p style="text-align: justify;"><span>Информационные системы, использующие MySQL, остаются востребованными и широко применяются в современной веб-разработке [1]. MySQL предлагает надежное и масштабируемое решение для хранения данных, что делает его популярным среди разработчиков. Многие современные веб-приложения, включая интернет-магазины и корпоративные системы, выбирают MySQL из-за его высокой производительности, надежности и поддержки со стороны сообщества разработчиков.<br />
</span></p>
<p style="text-align: justify;"><span>Для разработки веб-страниц с базами данных на сайте hostland.ru вы можете использовать различные языки программирования, такие как PHP, Python, Ruby и другие. Эти языки позволяют создавать динамические веб-страницы, взаимодействующие с базой данных и отображающие пользователю актуальную информацию.<br />
</span></p>
<p style="text-align: justify;"><span>Для того чтобы создать базу данных, первым делом нужно зарегистрироваться на хостинге. Хостинг – это услуга, предоставляющая возможность размещать ваш веб-сайт или веб-приложение в интернете. Подписываясь на эту услугу, вы арендуете место на сервере для хранения всех файлов и данных, необходимых для корректной работы вашего сайта.<br />
</span></p>
<p><span>Следом, нам нужно создать пользователя и саму базу данных. Сначала перейдите на вкладку MySQL. Создайте нового пользователя, например, host1872316, и придумайте для него пароль (рисунок 1).<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_1.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 1<br />
</span></p>
<p><span>Создаем базу данных и прикрепляем пользователя (рисунок 2):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_2.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 2.<br />
</span></p>
<p style="text-align: justify;"><span>Затем нажмите кнопку открыть → phpMyAdmin. PhpMyAdmin представляет собой веб-интерфейс для управления СУБД MySQL. Он позволяет выполнять администрирование сервера MySQL, запускать SQL-команды и просматривать содержимое таблиц и баз данных через браузер [2]. Перейдите к своей базе данных и создайте нужные таблицы (рисунок 3).<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_3.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 3<br />
</span></p>
<p style="text-align: justify;"><span>Для разработки базы данных каталога мужской одежды, сначала необходимо продумать структуру будущей базы данных. Это включает в себя определение таблиц, их полей и связей между ними. Рассмотрим пример структуры базы данных магазина детских товаров.<br />
</span></p>
<p><span>Таблица &#8220;products&#8221; (Товары):<br />
</span></p>
<p><span>•    product_id (INT): Уникальный идентификатор товара.<br />
</span></p>
<p><span>•    product_name (VARCHAR(100)): Название товара.<br />
</span></p>
<p><span>•    category_id (INT): Ссылка на таблицу &#8220;categories&#8221;, указывающая категорию товара.<br />
</span></p>
<p><span>•    age_group (ENUM(&#8217;0-2&#8242;, &#8217;3-5&#8242;, &#8217;6-8&#8242;, &#8217;9-12&#8242;)): Возрастная группа, для которой предназначен товар.<br />
</span></p>
<p><span>•    release_date (DATE): Дата выпуска товара.<br />
</span></p>
<p><span>•    description (TEXT): Описание товара.<br />
</span></p>
<p><span>•    cost (INT): Цена товара.<br />
</span></p>
<p><span>Таблица &#8220;categories&#8221; (Категории):<br />
</span></p>
<p><span>•    category_id (INT): Уникальный идентификатор категории.<br />
</span></p>
<p><span>•    category_name (VARCHAR(100)): Название категории.<br />
</span></p>
<p><span>•    category_description (TEXT): Описание категории.<br />
</span></p>
<p><span>Не забудьте сделать первое поле ключевым и автоинкрементным. Если вы упустили этот момент, не переживайте — вы можете внести изменения позже, зайдя в структуру таблицы (рисунок 4).<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_4.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 4<br />
</span></p>
<p><span>Заполним таблицу данными (рисунок 5).<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_5.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 5<br />
</span></p>
<p style="text-align: justify;"><span>Поле с ключом и автоинкрементом заполнять не требуется. Можно добавлять данные по два набора за раз. Заполните нужные поля и нажмите «Вперед».<br />
</span></p>
<p style="text-align: justify;"><span>Используйте различные типы данных. Например, для хранения пола используйте тип enum, который позволяет обозначить фиксированный набор значений, в данном случае два. Для коротких строк, таких как имена и фамилии, применяйте тип varchar(25), где числовое значение в скобках указывает максимальную длину строки [3]. Помните, что строки, превышающие 25 символов, будут обрезаны при сохранении в базу данных (рисунок 6).<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_6.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 6<br />
</span></p>
<p><span>Для работы с базой данных, конечно, одного PhpMyAdmin недостаточно. Нужен удобный веб-интерфейс с разграничением доступа. Создадим для начала простейшее веб-приложение.<br />
</span></p>
<p><span>В папке connection создадим файл data.php для подключения к нашей БД. В нем мы создаем объект data класса PDO. Указываем имя БД, пользователя и пароль (рисунок 7):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_7.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 7<br />
</span></p>
<p><span>Теперь этот файл больше не меняется и будет использоваться на всех страницах, где нужен вывод данных.<br />
</span></p>
<p style="text-align: justify;"><span>Создадим в папке www файл index.php для первичного вывода данных (рисунок 8, 9).<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_8.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 8<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_9.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 9<br />
</span></p>
<p><span>Таким образом будет выглядеть наша таблица на сайте (рисунок 10).<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2024/07/070224_1118_10.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рисунок 10<br />
</span></p>
<p style="text-align: justify;"><span>Одним из осуществленных преимуществ работы с базами данных на сайте hostland.ru является простота управления данными. Вы можете легко добавлять, изменять и удалять записи в базе данных, не имея специальных навыков программирования. Благодаря интуитивному интерфейсу и шаблонам, предоставленным на платформе hostland.ru, вы сможете легко настроить свою базу данных и веб-страницы под ваши потребности.<br />
</span></p>
<p style="text-align: justify;"><span>Кроме того, разработка веб-страниц с базами данных на сайте hostland.ru обеспечивает высокую производительность и безопасность вашего сайта. Серверы hostland.ru обеспечивают быстрый доступ к базам данных и защищают данные пользователей с помощью современных методов шифрования и защиты.<br />
</span></p>
<p style="text-align: justify;"><span>Таким образом, разработка веб-страниц с базами данных на сайте hostland.ru – это удобный и эффективный способ создания динамичного и интерактивного сайта. С помощью инструментов и сервисов, предоставленных на платформе hostland.ru, вы сможете легко создать и управлять базами данных, делая ваш сайт более привлекательным для пользователей.</span></p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2024/07/102319/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Разработка базы данных музыкальных инструментов</title>
		<link>https://web.snauka.ru/issues/2024/10/102717</link>
		<comments>https://web.snauka.ru/issues/2024/10/102717#comments</comments>
		<pubDate>Thu, 24 Oct 2024 14:46:27 +0000</pubDate>
		<dc:creator>Сагдатов Тимур Альбертович</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[база данных]]></category>
		<category><![CDATA[каталог музыкальных инструментов]]></category>
		<category><![CDATA[создание веб-страницы]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/?p=102717</guid>
		<description><![CDATA[Научный руководитель: Вильданов Алмаз Нафкатович Уфимский университет науки и технологий, Нефтекамский филиал к.ф.-м.н. &#160; Введение В современном мире эффективное управление данными является неотъемлемой частью успешного ведения бизнеса. Магазины музыкальных инструментов, как и другие коммерческие предприятия, нуждаются в надёжных и удобных системах для хранения и обработки информации о товарах, категориях, ценах и клиентах. Разработка базы данных играет [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;" align="right">Научный руководитель: <em>Вильданов Алмаз Нафкатович<br />
<em>Уфимский университет науки и технологий, Нефтекамский филиал<br />
</em></em><em>к.ф.-м.н.</em></p>
<p>&nbsp;</p>
<p><strong>Введение</strong></p>
<p>В современном мире эффективное управление данными является неотъемлемой частью успешного ведения бизнеса. Магазины музыкальных инструментов, как и другие коммерческие предприятия, нуждаются в надёжных и удобных системах для хранения и обработки информации о товарах, категориях, ценах и клиентах. Разработка базы данных играет ключевую роль в автоматизации этих процессов, позволяя организовать работу с большими объёмами данных и упростить управление магазином.</p>
<p>В этой статье мы рассмотрим процесс создания базы данных для интернет-магазина музыкальных инструментов с использованием MySQL и PHP. Мы изучим ключевые этапы разработки: от проектирования структуры таблиц до интеграции базы данных с веб-интерфейсом. Также будет показано, как с помощью MySQL и PHP можно обеспечить удобный ввод, хранение и вывод данных на веб-страницу, что позволит создать полноценный каталог товаров и организовать их эффективное управление.</p>
<p>В данной статье рассматривается процесс разработки веб-страницы с формой для добавления данных в базу данных «Музыкальные инструменты». Этот процесс включает несколько ключевых этапов:</p>
<p><strong>1. Создание базы данных</strong>:</p>
<ul>
<li>Регистрация на бесплатном хостинге Hostland.ru для размещения проекта.</li>
<li>Настройка базы данных и создание таблицы через интерфейс phpMyAdmin.</li>
</ul>
<p><strong>2. Подключение к базе данных</strong>:</p>
<ul>
<li>Разработка PHP-скрипта data.php для подключения к базе данных с использованием класса PDO, обеспечивающего безопасное и эффективное взаимодействие с MySQL.</li>
</ul>
<p><strong>3. Создание основной страницы для вывода данных</strong>:</p>
<ul>
<li>Разработка страницы index.php, которая отображает данные из таблицы clothes, предоставляя пользователю доступ к информации в базе.</li>
</ul>
<p><strong>4. Создание формы для поиска данных</strong>:</p>
<ul>
<li>Создание страницы index2.php, включающей HTML-форму для поиска данных и соответствующий PHP-скрипт, который обрабатывает запросы и ищет информацию в базе данных.</li>
</ul>
<p><strong>5. Визуальное оформление</strong>:</p>
<ul>
<li>Разработка файла стилей style.css, который улучшает внешний вид веб-страницы и придает ей аккуратный и современный дизайн.</li>
</ul>
<p>После выполнения всех этих шагов была создана полноценная веб-страница, которая позволяет пользователям осуществлять поиск мужской одежды в базе данных и удобно отображать результаты в табличной форме.</p>
<p><strong>Создание базы данных</strong></p>
<p>Информационные системы, основанные на MySQL, по-прежнему пользуются большим спросом и занимают ключевые позиции в мире технологий. MySQL зарекомендовал себя как надежное и масштабируемое решение для управления данными, что делает его одним из фаворитов среди веб-разработчиков. Благодаря отличной производительности, устойчивости к нагрузкам и широкой поддержке сообщества MySQL остается предпочтительным выбором для множества современных веб-приложений, включая интернет-магазины и корпоративные платформы. Его гибкость и стабильность продолжают привлекать разработчиков, стремящихся создавать эффективные и долговечные решения. Рассмотрим пример структуры базы данных музыкальных инструментов.</p>
<p>Таблица &#8220;instuments&#8221; :</p>
<ul>
<li>instrument_id (INT, PRIMARY KEY): уникальный идентификатор музыкального инструмента.</li>
<li>name (VARCHAR(255), NOT NULL): название музыкального инструмента.</li>
<li>category_id (INT): идентификатор категории музыкального инструмента, связанный с таблицей &#8220;instrument_categories&#8221;.</li>
<li>type (ENUM(&#8216;Струнный&#8217;, &#8216;Духовой&#8217;, &#8216;Ударный&#8217;, &#8216;Электронный&#8217;)): тип музыкального инструмента.</li>
<li>manufacturing_date (DATE): дата изготовления музыкального инструмента.</li>
<li>description (TEXT): описание музыкального инструмента.</li>
<li>price (INT): цена музыкального инструмента.</li>
</ul>
<p>Таблица &#8220;instrument_categories&#8221;:</p>
<ul>
<li>category_id (INT, PRIMARY KEY): уникальный идентификатор категории музыкальных инструментов.</li>
<li>category_name (VARCHAR(255), NOT NULL): название категории музыкальных инструментов.</li>
<li>description (TEXT): описание категории музыкальных инструментов.</li>
</ul>
<p>Процесс добавления данных реализуется с помощью функции «вставить», как показано на рис. 1. Для этого пользователь выбирает соответствующую опцию в меню, после чего открывается форма для ввода информации. В каждое поле этой формы необходимо внести требуемые значения. После завершения ввода и отправки формы данные автоматически сохраняются в базе. Результат успешного добавления мгновенно отображается на экране, подтверждая правильность операции.</p>
<p><a href="https://web.snauka.ru/issues/2024/10/102717/1-752" rel="attachment wp-att-102721"><img class="alignnone size-full wp-image-102721 aligncenter" src="https://web.snauka.ru/wp-content/uploads/2024/10/1.png" alt="" width="776" height="425" /></a></p>
<p align="center">Рис. 1. Вставка данных в таблицу</p>
<p>&nbsp;</p>
<p>Далее возвращаемся на сайт Hostland.ru и переходим в раздел «Файлы | FTP». Там находим и выбираем опцию «Файловый менеджер», которая находится чуть ниже. В файловом менеджере открываем папку «www» и создаём в ней новую директорию с именем «connection». Внутри этой папки создаём файл с именем data.php. В этот файл вставляем заранее подготовленный код.</p>
<p>Весь процесс создания папки и добавления кода наглядно показан на рисунке 2.</p>
<p style="text-align: center;"> <a href="https://web.snauka.ru/issues/2024/10/102717/2-495" rel="attachment wp-att-102722"><img src="https://web.snauka.ru/wp-content/uploads/2024/10/2.png" alt="" width="780" height="247" /></a></p>
<p align="center">Рис. 2. Подключение к БД</p>
<p>На месте «host1874466_1» и «12345» вводим свои данные.</p>
<p>Затем возвращаемся назад в папку «www» и создаём файл index.php и вводим этот код (рисунок 3) с помощью этого файла мы выводим две наши таблицы&#8221;instuments&#8221; и  &#8220;instrument_categories&#8221;:</p>
<p><a href="https://web.snauka.ru/issues/2024/10/102717/3-391" rel="attachment wp-att-102723"><img class="alignnone size-full wp-image-102723 aligncenter" src="https://web.snauka.ru/wp-content/uploads/2024/10/3.png" alt="" width="421" height="653" /></a></p>
<p style="text-align: center;">Рис. 3. Вывод таблиц на сайте</p>
<p>В случае необходимости в отступе, вводим &lt;br /&gt; между кодами вывода наших таблиц (пример разницы на рисунках 4 и 5).</p>
<p align="center"> <a href="https://web.snauka.ru/issues/2024/10/102717/4-303" rel="attachment wp-att-102724"><img class="aligncenter size-full wp-image-102724" src="https://web.snauka.ru/wp-content/uploads/2024/10/4.png" alt="" width="1017" height="291" /></a></p>
<p align="center">Рис. 4. Таблицы без отступа</p>
<p align="center"> <a href="https://web.snauka.ru/issues/2024/10/102717/5-205" rel="attachment wp-att-102725"><img class="aligncenter size-full wp-image-102725" src="https://web.snauka.ru/wp-content/uploads/2024/10/5.png" alt="" width="1021" height="303" /></a></p>
<p style="text-align: center;">Рис. 5. Таблицы с отступами</p>
<p><strong>Заключение</strong></p>
<p>Этот пример демонстрирует ключевые принципы взаимодействия с базами данных и формами на PHP, что может стать отличным фундаментом для разработки разнообразных веб-приложений. Проект легко поддается модификации и масштабированию в зависимости от требований — можно добавлять новые возможности и совершенствовать уже существующие функции.</p>
<p>В итоге можно сказать, что связка MySQL и PHP представляет собой мощный инструмент, который не только упрощает создание веб-приложений, но и позволяет эффективно управлять данными. В будущем для повышения безопасности и производительности стоит рассмотреть возможность использования более продвинутых подходов, таких как внедрение ORM (объектно-реляционного отображения), добавление систем аутентификации и авторизации пользователей, а также оптимизация SQL-запросов.</p>
<p>Мы надеемся, что этот материал окажется полезным как для начинающих веб-разработчиков, так и для более опытных специалистов, желающих найти практические примеры работы с PHP в реальных проектах.</p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2024/10/102717/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Интерактивное изменение данных на веб-странице с использованием AJAX и MySQL на Hostland</title>
		<link>https://web.snauka.ru/issues/2025/01/103014</link>
		<comments>https://web.snauka.ru/issues/2025/01/103014#comments</comments>
		<pubDate>Wed, 29 Jan 2025 16:26:26 +0000</pubDate>
		<dc:creator>Мухаяров Дильназ Данисович</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[hostland]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[phpmyadmin]]></category>
		<category><![CDATA[база данных]]></category>
		<category><![CDATA[веб-разработка]]></category>
		<category><![CDATA[динамические таблицы]]></category>
		<category><![CDATA[интерактивность]]></category>
		<category><![CDATA[редактирование данных]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/issues/2025/01/103014</guid>
		<description><![CDATA[Научный руководитель: Вильданов Алмаз Нафкатович к.ф.-м.н., Уфимский университет науки и технологий, Нефтекамский филиал Hostland — это популярный хостинг-провайдер, который предоставляет удобный доступ к веб-серверу, базам данных MySQL и другим необходимым инструментам для веб-разработки. Работа с Hostland начинается с регистрации и выбора тарифного плана, который соответствует вашим потребностям. Основные шаги работы с Hostland: Регистрация и выбор тарифного плана: Выберите [...]]]></description>
			<content:encoded><![CDATA[<p style="background: white; text-align: center;"><em>Научный руководитель: Вильданов Алмаз Нафкатович</em><strong><em><br />
</em></strong><span><em>к.ф.-м.н., </em></span><em>Уфимский университет науки и технологий, Нефтекамский филиал</em></p>
<p style="background: white;"><span style="color: #212529;">Hostland — это популярный хостинг-провайдер, который предоставляет удобный доступ к веб-серверу, базам данных MySQL и другим необходимым инструментам для веб-разработки. Работа с Hostland начинается с регистрации и выбора тарифного плана, который соответствует вашим потребностям.<br />
</span></p>
<p style="background: white;"><span style="color: #212529;"><strong>Основные шаги работы с Hostland:</strong><br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Регистрация и выбор тарифного плана:</strong> Выберите подходящий план с необходимыми ресурсами (дисковое пространство, трафик, количество баз данных и т.д.) и зарегистрируйтесь на сайте.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Управление доменом:</strong> Зарегистрируйте или перенесите свой домен на Hostland.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Настройка хостинга:</strong><br />
</span></div>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;">Создание базы данных MySQL: В панели управления Hostland создайте новую базу данных, определите пользователя и установите пароль.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Доступ к файловой системе: Используйте FTP или файловый менеджер для загрузки файлов вашего веб-приложения.<br />
</span></div>
</li>
</ul>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Установка PHP:</strong> Hostland поддерживает PHP, поэтому вам не нужно дополнительно устанавливать его.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Работа с phpMyAdmin:</strong> Для управления базой данных Hostland предоставляет доступ к phpMyAdmin.<br />
</span></div>
</li>
</ul>
<p style="background: white;"><span style="color: #212529;"><strong>phpMyAdmin<br />
</strong></span></p>
<p style="background: white;"><span style="color: #212529;">phpMyAdmin — это мощный инструмент для администрирования баз данных MySQL через веб-интерфейс. Он предоставляет графическое окружение для выполнения различных операций, таких как:<br />
</span></p>
<ol>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Создание и редактирование баз данных:</strong> Используйте phpMyAdmin для создания новых баз данных, таблиц, индексов, ограничений и т.д.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Управление таблицами:</strong> Изменяйте структуру таблиц, добавляйте и удаляйте столбцы, редактируйте типы данных и т.д.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Запросы SQL:</strong> Выполняйте запросы SQL для извлечения, вставки, обновления и удаления данных.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Импорт и экспорт данных:</strong> Импортируйте и экспортируйте данные в различных форматах (CSV, SQL и т.д.).<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;"><strong>Управление пользователями:</strong> Создавайте и редактируйте пользователей базы данных, настраивайте их права доступа.<br />
</span></div>
</li>
</ol>
<p style="background: white;"><span style="color: #212529;">Итак, я решил создать интерактивный веб-сайт для небольшого овощного магазина, где можно было бы редактировать информацию о покупателях и овощах прямо на сайте, без необходимости перезагружать страницу. Для этого я использовал комбинацию PHP, MySQL, jQuery и AJAX на хостинге Hostland.<br />
</span></p>
<p style="background: white;"><span style="color: #212529;">Сначала я спроектировал базу данных. Я создал три таблицы в phpMyAdmin: <span style="color: #e83e8c;">vegans<span style="color: #212529;"> (для информации о покупателях), <span style="color: #e83e8c;">vegetables<span style="color: #212529;"> (для информации об овощах) и <span style="color: #e83e8c;">vegan_vegetable<span style="color: #212529;"> (связующая таблица для реализации связи «многие ко многим», так как один покупатель может купить несколько овощей, а один овощ — несколько покупателей). В каждой таблице я определил необходимые поля с соответствующими типами данных (целые числа, строки, даты и десятичные числа для цен).<em><br />
</em></span></span></span></span></span></span></span></p>
<p style="background: white;"><span style="color: #212529;">Затем я занялся созданием главной страницы (<span style="color: #e83e8c;">index.php<span style="color: #212529;">). Здесь я использовал PHP для подключения к базе данных MySQL и выполнения SQL-запросов <span style="color: #e83e8c;">SELECT<span style="color: #212529;"> для извлечения данных о покупателях и овощах. Полученные данные я отобразил в виде двух HTML-таблиц. В верхней части страницы я добавил кнопку &#8220;Интерактив&#8221;.<em><br />
</em></span></span></span></span></span></p>
<p style="background: white;"><span style="color: #212529;">Кнопка &#8220;Интерактив&#8221; ведёт на страницу <span style="color: #e83e8c;">interactive.php<span style="color: #212529;">. На этой странице я снова подключился к базе данных, получил данные и отобразил их в виде тех же таблиц, но с одним важным отличием: каждая ячейка, которую можно редактировать, получила класс <span style="color: #e83e8c;">dynamic<span style="color: #212529;">.<br />
</span></span></span></span></span></p>
<p style="background: white;"><span style="color: #212529;">Далее, я использовал jQuery для того, чтобы добавить интерактивность. При клике на ячейку с классом <span style="color: #e83e8c;">dynamic<span style="color: #212529;">, стандартный текст заменялся на поле ввода. После того как пользователь внёс изменения и вышел из поля (событие <span style="color: #e83e8c;">blur<span style="color: #212529;">) или нажал Enter, данные отправлялись на сервер с помощью AJAX.<em><br />
</em></span></span></span></span></span></p>
<p style="background: white;"><span style="color: #212529;">Серверная часть, обработка изменений, реализована в файле <span style="color: #e83e8c;">itable_save.php<span style="color: #212529;">. Этот PHP-скрипт получал данные из AJAX-запроса, формировал подготовленный SQL-запрос <span style="color: #e83e8c;">UPDATE<span style="color: #212529;"> для безопасности и записывал изменения в базу данных. После успешного обновления он возвращал подтверждающее сообщение. <em><br />
</em></span></span></span></span></span></p>
<p style="background: white;"><span style="color: #212529;">Для обновления таблиц на главной странице после сохранения изменений на интерактивной странице я создал ещё один файл <span style="color: #e83e8c;">update_tables.php<span style="color: #212529;">. Этот скрипт получает актуальные данные из базы данных и формирует их в формате JSON. Затем, с помощью AJAX на странице <span style="color: #e83e8c;">interactive.php<span style="color: #212529;">, обновляется контент таблиц на главной странице <span style="color: #e83e8c;">index.php<span style="color: #212529;">. <em><br />
</em></span></span></span></span></span></span></span></p>
<p style="background: white;"><span style="color: #212529;">В результате, при нажатии на кнопку &#8220;Интерактив&#8221;, я перехожу на страницу с редактируемыми таблицами. После сохранения изменений, главная страница автоматически обновляется с учетом внесенных данных, не требуя полной перезагрузки. <em><br />
</em></span></p>
<p style="background: white;"><span style="color: #212529;">В целом, проект оказался довольно интересным и показал, как мощно сочетание PHP, MySQL, jQuery и AJAX может улучшить пользовательский опыт, создавая динамические и интерактивные веб-страницы.<br />
</span></p>
<p style="background: white;"><span style="color: #212529;">Рассмотрим создание интерактивного интерфейса на примере овощного магазина, где пользователи могут редактировать данные о покупателях и овощах.<br />
</span></p>
<p style="background: white;"><span style="color: #212529;"><strong>1. Проектирование Базы Данных:</strong><br />
</span></p>
<p style="background: white;"><span style="color: #212529;">Мы создали три таблицы:<br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #e83e8c;">vegans<span style="color: #212529;"> (покупатели)<br />
</span></span></div>
</li>
<li>
<div style="background: white;"><span style="color: #e83e8c;">vegetables<span style="color: #212529;"> (овощи)<br />
</span></span></div>
</li>
<li>
<div style="background: white;"><span style="color: #e83e8c;">vegan_vegetable<span style="color: #212529;"> (связь многие ко многим)</span></span></div>
</li>
</ul>
<p style="background: white;"><span style="color: #212529;"><strong>2. Создание динамической веб-страницы (<span style="color: #e83e8c;">index.php<span style="color: #212529;">):</span></span></strong><br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;">На главной странице отображаются таблицы покупателей и овощей (статические данные).<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Добавлена кнопка &#8220;Интерактив&#8221;, которая ведет на новую страницу с интерактивными таблицами <span style="color: #e83e8c;">interactive.php<span style="color: #212529;"><br />
</span></span></span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Используется PHP и MySQL для подключения к базе данных и извлечения данных.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Для отображения данных используются HTML-таблицы.<br />
</span></div>
</li>
</ul>
<p>&lt;!DOCTYPE&nbsp;html&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Овощной&nbsp;Магазин&lt;/title&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;style&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.dynamic&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cursor:&nbsp;pointer;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.dynamic:hover&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#f0f0f0;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/style&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;center&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;button&nbsp;id=&#8221;interactiveButton&#8221;&gt;Интерактив&lt;/button&gt;&nbsp;&lt;br&gt;&nbsp;&lt;br&gt;&nbsp;&nbsp;&lt;!&#8211;&nbsp;Кнопка&nbsp;сверху&nbsp;&#8211;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;h1&gt;Овощной&nbsp;Магазин&lt;/h1&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php<br />
&nbsp;&nbsp;&nbsp;&nbsp;$servername&nbsp;=&nbsp;&#8221;localhost&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;$username&nbsp;=&nbsp;&#8221;host1876921_preobraz&#8221;;&nbsp;&nbsp;//&nbsp;Замените&nbsp;на&nbsp;имя&nbsp;пользователя&nbsp;базы&nbsp;данных<br />
&nbsp;&nbsp;&nbsp;&nbsp;$password&nbsp;=&nbsp;&#8221;715216&#8243;;&nbsp;&nbsp;//&nbsp;Замените&nbsp;на&nbsp;пароль&nbsp;базы&nbsp;данных<br />
&nbsp;&nbsp;&nbsp;&nbsp;$dbname&nbsp;=&nbsp;&#8221;host1876921_interactiveovochi&#8221;;&nbsp;&nbsp;//&nbsp;Замените&nbsp;на&nbsp;имя&nbsp;вашей&nbsp;базы&nbsp;данных<br />
&nbsp;&nbsp;&nbsp;&nbsp;$conn&nbsp;=&nbsp;new&nbsp;mysqli($servername,&nbsp;$username,&nbsp;$password,&nbsp;$dbname);<br />
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;($conn-&gt;connect_error)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;die(&#8220;Ошибка&nbsp;подключения:&nbsp;&#8221;&nbsp;.&nbsp;$conn-&gt;connect_error);<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;h2&gt;Список&nbsp;покупателей&lt;/h2&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;$sql_vegans&nbsp;=&nbsp;&#8221;SELECT&nbsp;*&nbsp;FROM&nbsp;vegans&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;$result_vegans&nbsp;=&nbsp;$conn-&gt;query($sql_vegans);<br />
&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;($result_vegans-&gt;num_rows&nbsp;&gt;&nbsp;0)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;table&nbsp;id=&#8217;vegansTable&#8217;&nbsp;border=&#8217;1&#8242;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;ID&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Имя&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Фамилия&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Email&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Телефон&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Дата&nbsp;регистрации&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Город&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;while&nbsp;($row&nbsp;=&nbsp;$result_vegans-&gt;fetch_assoc())&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["id_vegan"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["first_name"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["last_name"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["email"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["phone_number"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["registration_date"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["city"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;/table&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;p&gt;Нет&nbsp;покупателей&lt;/p&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;h2&gt;Список&nbsp;овощей&lt;/h2&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;$sql_vegetables&nbsp;=&nbsp;&#8221;SELECT&nbsp;*&nbsp;FROM&nbsp;vegetables&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;$result_vegetables&nbsp;=&nbsp;$conn-&gt;query($sql_vegetables);<br />
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;($result_vegetables-&gt;num_rows&nbsp;&gt;&nbsp;0)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;table&nbsp;id=&#8217;vegetablesTable&#8217;&nbsp;border=&#8217;1&#8242;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;ID&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Название&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Сорт&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Цена&nbsp;за&nbsp;кг&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Количество&nbsp;на&nbsp;складе&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Дата&nbsp;добавления&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Страна&nbsp;происхождения&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;while&nbsp;($row&nbsp;=&nbsp;$result_vegetables-&gt;fetch_assoc())&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["id_vegetable"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["name"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["variety"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["price_per_kg"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["stock_quantity"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["date_added"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["country_origin"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;/table&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&#8221;&lt;p&gt;Нет&nbsp;овощей&lt;/p&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;$conn-&gt;close();<br />
&nbsp;&nbsp;&nbsp;&nbsp;?&gt;<br />
&lt;/center&gt;<br />
&lt;script&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById(&#8216;interactiveButton&#8217;).addEventListener(&#8216;click&#8217;,&nbsp;function()&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.location.href&nbsp;=&nbsp;&#8217;interactive.php&#8217;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;});<br />
&lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<p style="background: white;"><span style="color: #212529;"><strong>3. Создание интерактивной страницы (<span style="color: #e83e8c;">interactive.php<span style="color: #212529;">):</span></span></strong><br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;">На странице <span style="color: #e83e8c;">interactive.php<span style="color: #212529;"> отображаются таблицы покупателей и овощей c возможностью изменения данных.<br />
</span></span></span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Используется PHP и MySQL для подключения к базе данных и извлечения данных.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Каждое поле таблицы, которое можно изменять имеет класс <span style="color: #e83e8c;">.dynamic<span style="color: #212529;">.<br />
</span></span></span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Скрипт JQuery, который создает input поля для изменения.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Используется Ajax-запрос для сохранения изменений.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Добавлена кнопка &#8220;Назад&#8221;, которая перенаправляет на главную страницу <span style="color: #e83e8c;">index.php<span style="color: #212529;">.<br />
</span></span></span></div>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_1.png" alt="" /><span style="color: #212529;"><strong><br />
</strong></span></p>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_2.png" alt="" /><span style="color: #212529;"><strong><br />
</strong></span></p>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_3.png" alt="" /><span style="color: #212529;"><strong><br />
</strong></span></p>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_4.png" alt="" /><span style="color: #212529;"><strong><br />
</strong></span></p>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_5.png" alt="" /></p>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_6.png" alt="" /><span style="color: #212529;"><br />
</span></p>
</li>
</ul>
<p style="background: white;"><span style="color: #212529;"><strong>4. Обработка изменений на сервере (<span style="color: #e83e8c;">itable_save.php<span style="color: #212529;">):</span></span></strong><br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;">Этот PHP-скрипт получает данные через POST-запрос.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Выполняет SQL-запрос UPDATE для изменения данных в базе.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Возвращает сообщение об успешном или неудачном обновлении.<br />
</span></div>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_7.png" alt="" /><span style="color: #212529;"><br />
</span></p>
<p style="background: white;"><img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_8.png" alt="" /><span style="color: #212529;"><br />
</span></p>
</li>
</ul>
<p style="background: white;"><span style="color: #212529;"><strong>5. Обновление данных на главной странице (<span style="color: #e83e8c;">update_tables.php<span style="color: #212529;">):</span></span></strong><br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;">Этот PHP-скрипт получает актуальные данные из базы.<br />
</span></div>
</li>
<li>
<div style="background: white;"><span style="color: #212529;">Возвращает данные в формате JSON, которые применяет скрипт на странице <span style="color: #e83e8c;">interactive.php</span></span></div>
</li>
</ul>
<p style="background: white;">
<p>&lt;?php<br />
$servername&nbsp;=&nbsp;&#8221;localhost&#8221;;<br />
$username&nbsp;=&nbsp;&#8221;host1876921_preobraz&#8221;;&nbsp;&nbsp;//&nbsp;Замените&nbsp;на&nbsp;имя&nbsp;пользователя&nbsp;базы&nbsp;данных<br />
$password&nbsp;=&nbsp;&#8221;715216&#8243;;&nbsp;&nbsp;//&nbsp;Замените&nbsp;на&nbsp;пароль&nbsp;базы&nbsp;данных<br />
$dbname&nbsp;=&nbsp;&#8221;host1876921_interactiveovochi&#8221;;&nbsp;&nbsp;//&nbsp;Замените&nbsp;на&nbsp;имя&nbsp;вашей&nbsp;базы&nbsp;данных<br />
$output&nbsp;=&nbsp;array();<br />
//&nbsp;Вывод&nbsp;таблицы&nbsp;покупателей<br />
$sql_vegans&nbsp;=&nbsp;&#8221;SELECT&nbsp;*&nbsp;FROM&nbsp;vegans&#8221;;<br />
$result_vegans&nbsp;=&nbsp;$conn-&gt;query($sql_vegans);<br />
$output["vegans"]&nbsp;=&nbsp;&#8221;";<br />
if&nbsp;($result_vegans-&gt;num_rows&nbsp;&gt;&nbsp;0)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;$output["vegans"]&nbsp;.=&nbsp;&#8221;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;ID&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Имя&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Фамилия&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Email&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Телефон&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Дата&nbsp;регистрации&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Город&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;while&nbsp;($row&nbsp;=&nbsp;$result_vegans-&gt;fetch_assoc())&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$output["vegans"]&nbsp;.=&nbsp;&#8221;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["id_vegan"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["first_name"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["last_name"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["email"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["phone_number"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["registration_date"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["city"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
}<br />
//&nbsp;Вывод&nbsp;таблицы&nbsp;овощей<br />
$sql_vegetables&nbsp;=&nbsp;&#8221;SELECT&nbsp;*&nbsp;FROM&nbsp;vegetables&#8221;;<br />
$result_vegetables&nbsp;=&nbsp;$conn-&gt;query($sql_vegetables);<br />
$output["vegetables"]&nbsp;=&nbsp;&#8221;";<br />
if&nbsp;($result_vegetables-&gt;num_rows&nbsp;&gt;&nbsp;0)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;$output["vegetables"]&nbsp;.=&#8221;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;ID&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Название&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Сорт&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Цена&nbsp;за&nbsp;кг&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Количество&nbsp;на&nbsp;складе&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Дата&nbsp;добавления&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;th&gt;Страна&nbsp;происхождения&lt;/th&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;while&nbsp;($row&nbsp;=&nbsp;$result_vegetables-&gt;fetch_assoc())&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$output["vegetables"]&nbsp;.=&nbsp;&#8221;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["id_vegetable"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["name"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["variety"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["price_per_kg"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["stock_quantity"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["date_added"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&#8221;&nbsp;.&nbsp;$row["country_origin"]&nbsp;.&nbsp;&#8221;&lt;/td&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
}<br />
$conn-&gt;close();<br />
echo&nbsp;json_encode($output);<br />
?&gt;</p>
<p style="background: white;"><span style="color: #212529;"><strong>6. Обновление данных на главной странице:</strong><br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;">После успешного сохранения в <span style="color: #e83e8c;">interactive.php<span style="color: #212529;"> вызывается скрипт обновления таблиц на главной странице<img src="https://web.snauka.ru/wp-content/uploads/2025/01/012925_1514_9.png" alt="" /><br />
</span></span></span></div>
</li>
</ul>
<p style="background: white;"><span style="color: #212529;"><strong>7. Использование Ajax:</strong><br />
</span></p>
<ul>
<li>
<div style="background: white;"><span style="color: #212529;">Ajax позволяет отправлять данные на сервер и получать ответ без перезагрузки страницы. Это создаёт ощущение динамичности и интерактивности интерфейса.<br />
</span></div>
</li>
</ul>
<p style="background: white;"><span style="color: #212529;"><strong>Заключение<br />
</strong></span></p>
<p style="background: white;"><span style="color: #212529;">В этой статье мы продемонстрировали, как создать интерактивный интерфейс для редактирования данных с использованием AJAX, PHP и MySQL на хостинге Hostland. Вы можете использовать этот пример в качестве отправной точки для разработки более сложных веб-приложений и административных панелей. Главное — это комбинировать знания в области баз данных, серверного и клиентского программирования для достижения желаемого результата.</span></p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2025/01/103014/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Разработка веб-приложения для каталога косметики</title>
		<link>https://web.snauka.ru/issues/2025/02/103085</link>
		<comments>https://web.snauka.ru/issues/2025/02/103085#comments</comments>
		<pubDate>Mon, 24 Feb 2025 04:33:54 +0000</pubDate>
		<dc:creator>Пальгова Полина Павловна</dc:creator>
				<category><![CDATA[05.00.00 ТЕХНИЧЕСКИЕ НАУКИ]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[база данных]]></category>
		<category><![CDATA[каталог мужской одежды]]></category>
		<category><![CDATA[разработка веб-страницы]]></category>
		<category><![CDATA[форма добавления данных]]></category>

		<guid isPermaLink="false">https://web.snauka.ru/issues/2025/02/103085</guid>
		<description><![CDATA[Научный руководитель: Вильданов Алмаз Нафкатович к.ф.-м.н., Уфимский университет науки и технологий, Нефтекамский филиал Введение Сегодня MySQL – это одна из самых популярных систем управления базами данных (СУБД), которая идеально подходит для начинающих разработчиков. Она является бесплатной и открытой, что делает её отличным выбором для тех, кто только начинает изучать базы данных. MySQL известна своей простотой в установке [...]]]></description>
			<content:encoded><![CDATA[<p style="background: white; text-align: center;">Научный руководитель: <em>Вильданов Алмаз Нафкатович<br />
</em><em>к.ф.-м.н., </em><em>Уфимский университет науки и технологий, Нефтекамский филиал</em></p>
<p style="text-align: right; background: white;">
<p style="text-align: justify;"><span><strong>Введение<br />
</strong></span></p>
<p style="text-align: justify;"><span>Сегодня MySQL – это одна из самых популярных систем управления базами данных (СУБД), которая идеально подходит для начинающих разработчиков. Она является бесплатной и открытой, что делает её отличным выбором для тех, кто только начинает изучать базы данных. MySQL известна своей простотой в установке и использовании, поэтому студент может быстро освоить её основные принципы.<br />
</span></p>
<p style="text-align: justify;"><span>Для начинающих разработчиков MySQL становится важным инструментом, так как она позволяет эффективно работать с большими объёмами данных. Она поддерживает множество типов данных и функций, что помогает создать полноценные базы для различных веб-приложений. Например, студент может легко организовать хранение данных для блога, интернет-магазина или учебного портала.<br />
</span></p>
<p style="text-align: justify;"><span>Одним из ключевых преимуществ MySQL является её тесная интеграция с PHP – языком программирования, который широко используется для создания динамических веб-сайтов. PHP позволяет взаимодействовать с MySQL, создавая мощные и гибкие веб-приложения. Например, студент может написать скрипт на PHP, который отправляет запросы в базу данных MySQL для получения нужной информации, как, например, список пользователей.<br />
</span></p>
<p style="text-align: justify;"><span>PHP и MySQL работают вместе так, что разработчик может создать интерфейс для взаимодействия с базой данных, где пользователи могут добавлять, редактировать или удалять данные через веб-страницу. Благодаря этой связке студент понимает основы клиент-серверного взаимодействия. Создавая такой проект, студент учится базовым принципам веб-программирования, что будет полезно в будущей карьере.<br />
</span></p>
<p style="text-align: justify;"><span>Процесс создания веб-приложения с использованием MySQL и PHP интуитивно понятен. Студент начинает с установки локального веб-сервера, например XAMPP, который поддерживает как PHP, так и MySQL. Далее, он создаёт базу данных, пишет код на PHP для работы с ней, и уже через несколько шагов у него готово полноценное веб-приложение.<br />
</span></p>
<p style="text-align: justify;"><span>Когда проект завершён, следующим важным шагом становится размещение приложения в интернете. Для этого студент может зарегистрироваться на одном из популярных хостингов, например, Hostland. Этот хостинг предоставляет удобный интерфейс для работы с базами данных MySQL и поддерживает PHP, что делает его подходящим выбором для новичков.<br />
</span></p>
<p style="text-align: justify;"><span>После того, как студент загружает свой проект на Hostland, его приложение становится доступным для пользователей по всему миру. База данных MySQL теперь подключена к интернету, что позволяет приложению работать в режиме онлайн, предоставляя данные из любой точки мира.<br />
</span></p>
<p style="text-align: justify;"><span>Hostland также предлагает инструменты для управления базами данных, которые позволяют студенту легко обновлять или изменять свою базу данных, не погружаясь в сложные команды. Это упрощает процесс администрирования и делает обучение более комфортным.<br />
</span></p>
<p style="text-align: justify;"><span>В данной статье рассматривается процесс разработки веб-страницы с формой для добавления данных в базу данных «Каталог мужской одежды». Этот процесс включает несколько ключевых этапов:<br />
</span></p>
<ul>
<li>
<div><span><strong>Создание базы данных</strong>:<br />
</span></div>
<ul>
<li><span>Регистрация на бесплатном хостинге hostland.ru.<br />
</span></li>
<li><span>Создание базы данных и таблицы в phpMyAdmin.<br />
</span></li>
</ul>
</li>
<li>
<div><span><strong>Разработка подключения к базе данных</strong>:<br />
</span></div>
<ul>
<li><span>Создание PHP-файла </span><span>data.php</span><span> для подключения к базе данных с использованием класса </span><span>PDO</span><span>.<br />
</span></li>
</ul>
</li>
<li>
<div><span><strong>Создание основной страницы для отображения данных</strong>:<br />
</span></div>
<ul>
<li><span>Создание файла </span><span>index.php</span><span>, который выводит данные из таблицы </span><span>cosmetics</span><span>.<br />
</span></li>
</ul>
</li>
<li>
<div><span><strong>Создание формы поиска данных</strong>:<br />
</span></div>
<ul>
<li><span>Создание файла </span><span>index2.php</span><span>, который содержит HTML-форму поиска данных и PHP-скрипт для поиска этих данных в базе данных.<br />
</span></li>
</ul>
</li>
<li>
<div><span><strong>Декоративное оформление</strong>:<br />
</span></div>
<ul>
<li><span>Создание файла стилей </span><span>style.css</span><span> для улучшения внешнего вида веб-страниц.<br />
</span></li>
</ul>
</li>
</ul>
<p style="text-align: justify;"><span>В результате выполнения всех шагов, описанных в статье, мы получили полностью функционирующую веб-страницу, которая позволяет производить поиск мужской одежды в базе данных и отображать их в удобном табличном формате.<br />
</span></p>
<p><span><strong>Разработка базы данных<br />
</strong></span></p>
<p style="text-align: justify;"><span>Информационные системы, использующие MySQL, остаются востребованными и широко распространены [1]. MySQL представляет собой надежное и масштабируемое решение для хранения данных, что делает его популярным выбором среди веб-разработчиков. Многие современные веб-приложения, такие как интернет-магазины и корпоративные системы, продолжают предпочитать MySQL из-за его высокой производительности, надежности и поддержки со стороны разработчиков.<br />
</span></p>
<p style="text-align: justify;"><span>Для разработки базы данных каталога косметики, сначала необходимо продумать структуру будущей базы данных. Это включает в себя определение таблиц, их полей и связей между ними. Рассмотрим пример структуры базы данных для каталога косметики.<br />
</span></p>
<p><span>Таблица Сosmetics (Косметика):<br />
</span></p>
<ul>
<li><span>id (INT): Уникальный идентификатор.<br />
</span></li>
<li><span>title (VARCHAR(220)): Название товара.<br />
</span></li>
<li><span>delivery (INT): Срок доставки.<br />
</span></li>
<li><span>fabrica (ENUM(3Deluxe, Aravia, CEHKO, Estel)): Производитель.<br />
</span></li>
<li><span>Before date (date): Срок годности.<br />
</span></li>
<li><span>cost (INT): Цена.<br />
</span></li>
<li><span>id cat (int): Категория.<br />
</span></li>
</ul>
<p style="text-align: justify;"><span>Таблица cats (Категории товаров):<br />
</span></p>
<ul>
<li><span>id_cat (INT): Уникальный идентификатор категории.<br />
</span></li>
<li><span>name (VARCHAR(255)): Название категории.<br />
</span></li>
<li>
<div><span>descr (TEXT): Описание категории.<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;"><span>Добавление данных осуществляется через функцию «вставить» [3]. Этот процесс проиллюстрирован на рис. 1. Пользователь должен выбрать опцию «вставить» в меню. Далее, открывается форма для ввода данных. В поля формы вводятся необходимые значения. После заполнения формы, данные сохраняются в таблице.<br />
</span></p>
<p style="text-align: justify;"><span>Результат добавления данных отображается на экране.<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2025/02/022425_0427_1.png" alt="" /></p>
<p style="text-align: center;"><span>Рис. 1. Вставка данных в таблицу<br />
</span></p>
<p style="text-align: justify;"><span>Затем возвращаемся на сайт Hostland.ru и заходим во вкладку «файлы | FTP». Выбираем опцию «Файловый менеджер», расположенную немного ниже. Переходим в папку «www» и создаём новую папку с названием «connection». Внутри этой папки создаём файл data.php. В этот файл необходимо вставить предоставленный код.<br />
</span></p>
<p style="text-align: justify;"><span>Процесс создания и вставки кода иллюстрирован на рисунке 2.<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2025/02/022425_0427_2.png" alt="" /></p>
<p style="text-align: center;"><span>Рис. 2. Подключение к БД<br />
</span></p>
<p><span><br />
Указываем имя БД, пользователя и пароль.<br />
</span></p>
<p style="text-align: justify;"><span>Возвращаемся назад в папку «www» и создаём файл index.php и вставляем этот код (рисунок 3):<br />
</span></p>
<p style="text-align: center;"><span><br />
<img src="https://web.snauka.ru/wp-content/uploads/2025/02/022425_0427_3.png" alt="" /><br />
Рис. 3. Вывод таблицы на сайте<br />
</span></p>
<p style="text-align: justify;"><span>С помощью таблицы стилей CSS проведем оформление таблиц. Результат представлен на экране (рисунок 4):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2025/02/022425_0427_4.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рис. 4. Демонстрация вывода базы данных на сайте<br />
</span></p>
<p style="text-align: justify;"><span>Создаём последний файл «index2.php», это форма для поиска данных в таблицу и вставляем данный код (рис. 5):<br />
</span></p>
<p style="text-align: center;"><img src="https://web.snauka.ru/wp-content/uploads/2025/02/022425_0427_5.png" alt="" /><span><br />
</span></p>
<p style="text-align: center;"><span>Рис. 5. Код формы поиска</span></p>
<p>&nbsp;</p>
<p><span>В конечном итоге получается сайт такого формата (рисунок 6):<br />
</span></p>
<p style="text-align: center;"><span><br />
<img src="https://web.snauka.ru/wp-content/uploads/2025/02/022425_0427_6.png" alt="" /><br />
Рис. 6. Демонстрация формы поиска<br />
</span></p>
<p><span><strong>Заключение<br />
</strong></span></p>
<p style="text-align: justify;"><span>Данный пример иллюстрирует основные принципы работы с базами данных и формами на PHP, что может быть полезно при создании различных веб-приложений. Этот проект можно расширять и модифицировать в зависимости от потребностей, добавляя новые функции и улучшая существующие.<br />
</span></p>
<p style="text-align: justify;"><span>Благодаря использованию MySQL и PHP студент получает ценную практику в разработке реальных веб-приложений, учится работать с запросами, формами и системами аутентификации пользователей. Такой подход помогает быстрее освоить базовые концепции веб-разработки и лучше понять, как работают динамические сайты.<br />
</span></p>
<p style="text-align: justify;"><span>В завершение, можно сказать, что MySQL и PHP – это мощная связка технологий, которая не только помогает создавать веб-приложения, но и учит управлять данными.<br />
</span></p>
<p style="text-align: justify;"><span>В перспективе, для повышения безопасности и производительности, можно рассмотреть использование более сложных технологий и подходов, таких как применение ORM (объектно-реляционное отображение), внедрение системы аутентификации и авторизации пользователей, а также оптимизация запросов к базе данных.<br />
</span></p>
<p style="text-align: justify;"><span>Мы надеемся, что данный материал будет полезен как начинающим веб-разработчикам, так и более опытным специалистам, ищущим практические примеры реализации веб-приложений на PHP.</span></p>
]]></content:encoded>
			<wfw:commentRss>https://web.snauka.ru/issues/2025/02/103085/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
