РАЗРАБОТКА ON-LINE ЗАЯВКИ НА PHP С ИСПОЛЬЗОВАНИЕМ БАЗЫ ДАННЫХ MYSQL

Статья посвящена изучению вопроса разработки заявок участников конкурса графики на PHP с использованием базы данных SQL, локального сервера Denwer, HTML, CSS. Поэтапно рассмотрены создание таких функций, как подключение к базе данных, вывод информации на страницу сайта, ввод информации, ее редактирование и удаление.

РАЗРАБОТКА ON-LINE ЗАЯВКИ НА PHP С ИСПОЛЬЗОВАНИЕМ БАЗЫ ДАННЫХ

MYSQL

ГРНТИ 20.53.19

УДК 004.65

Налимов Денис Васильевич

Нижнетагильский государственный социально-педагогический институт

факультет естествознания математики и информатики

кафедра информационных технологий

г. Нижний Тагил, Россия

E-mail: nadezhda_v_a@mail.ru

DEVELOPING ON-LINE APPLICATIONS FOR PHP WITH THE USE OF THE DATABASE MYSQL

Nalimov Denis Vasilyevich

Nizhny Tagil State Socio-Pedagogical Institute

Faculty of Mathematics and Informatics

Department of Information Technology

Nizhny Tagil, Russia

АННОТАЦИЯ:

Статья посвящена изучению вопроса разработки заявок участников конкурса графики на PHP с использованием базы данных SQL, локального сервера Denwer, HTML, CSS. Поэтапно рассмотрены создание таких функций, как подключение к базе данных, вывод информации на страницу сайта, ввод информации, ее редактирование и удаление.

ANNOTATION:

The article is devoted to the study of the development of applications for participants of the graphics contest for PHP using a SQL database, a local Denwer server, HTML, CSS. The creation of such functions as connecting to a database, displaying information on a website page, entering information, editing and deleting them is gradually considered.

Ключевые слова: PHP, MySQL, HTML, локальный сервер, Denwer, сайт, web-разработка

Keywords: PHP, MySQL, HTML, local server, Denwer, website, web development

В данной статье мы рассмотрим создание формы для обработки заявок Международного конкурса компьютерной графики с выводом данных из базы данных MySQL. Организация пободных мероприятий является необходимой составляющей подготовки выпусников в IT-сфере, поскольку с одной стороны позволяют им продемонстрировать свои способности как участников, а сдругой – научиться администрировать сайты данных меропритий, готовить необходимые отчеты, вести статистику [1]. В данной статье мы рассмотрим создание главной страницы с выводом данных из базы данных MySQL.

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

Процесс разработки базы данных подробно описан нами ранее [2].

В данной статье мы рассмотрим создание главное страницы с выводом данных из базы данных MySQL [2, 3, 4].

Для начала нам необходимо создать базу данных с таблицами, допустим создадим такую базу данных (Рис. 1.).

Рис. 1. Схема базы данных на MySQL.

Для реализации данного проекта мы будем пользоваться такими инструментами, как Denwer, HTML, PHP, CSS и созданной ранее базой данных, чтобы её подключить и использовать данный с БД на нашем разрабатываемом web-ресурсе.

Для начала в корневой папке установленного Denwer, создаем папку с названием нашего сайта br-rng.com.

Рис. 2. путь расположения файлов сайта на локальном сервере

Для оптимизации кода в папке www создаем каталоги css, img. В css в файле stale.css будут храниться стили, которые будут подключаться к нашему сайту. В img будут храниться изображения, которые мы будем использовать для оформления нашего сайта.

В каталоге www так же создаем файл index.php это будет главная страница нашего web-сайта. Так же сразу создаем файл db.php этот файл будет отвечать за подключение наших HTML-страниц к серверу, а именно к базе банных «брейн-ринг»

Листинг 1

<!DOCTYPE html>

<?php

$connection =mysql_connect(«localhost»,»root»,»»);

$db = mysql_select_db(«брейн-ринг»);

mysql_set_charset(«utf-8»);

if(!$connection || !$db)

{

exit(mysql_error());

}?>

Этот файл позволит быстро подключаться к базе данных, не прописывая его каждый раз полностью, а используя только команду (include_once(«db.php»);) таким образом мы оптимизируем код и при дальнейшей смене сервера нам понадобиться изменить константы лишь в одном файле.

На главной странице у нас будет выводиться информация об участниках. Рассмотрим подробнее устройство страницы с примерами HTML кода.

Для начала подключим основные средства, это: установка кодировки <meta charset=»utf-8″/>, так же ранее мы создали файл .htaccess в котором прописали (AddDefaultCharset UTF-8), так мы задали кодировку для всего нашего сайта. Следующее, что мы будем подключать, это стили, они подключаются следующим образом <link href=»css/style.css» rel=»stylesheet» type=»text/css»> это помогает нам оптимизировать код и не захламлять его. Так же мы подключим icon – иконка сайта: <link href=»img/favicon.ico» rel=»shortcut icon» type=»img/x-icon» /> это придаст небольшую эстетичность и красоту нашей странице. Так как это основные элементы и составляют базис всей нашей структуры, то в последующих страницах мы их так же будем вставлять.

Следующим основным шаг заключается описании того, как мы будем выводить участников, а производить это будем с помощью связки: HTML, PHP и SQL

Листинг 2

<?php

include_once(«db.php»); /*Подключение к БД*/

$result=mysql_query(» SELECT * FROM заявка

ORDER BY id_заявки ASC»);

mysql_close(); /*Запрос к базе данных*/

while($row=mysql_fetch_assoc($result)) /*Создание цикла на проверку записей в БД*/

{?>

<p>Команда: <?php echo $row[‘Команда’]?></p>

<p>ФИО: <?php echo $row[‘ФИО’]?></p>

<p>Возраст: <?php echo $row[‘Возраст’]?></p>

<p>e-mail: <?php echo $row[‘e-mail’]?></p>

<p>Специальность\класс: <?php echo $row[‘Специальность\класс’]?></p>

<p>Руководитель команды: <?php echo $row[‘Руководитель’]?></p>

<p>Образовательное учреждение: <?php echo $row[‘Учреждение’]?></p>

<a href=»edit.php?id=<?php echo $row[‘id_заявки’]?>»>Изменить заявку</a><br />

<a href=»delete.php?id=<?php echo $row[‘id_заявки’]?>»>Удалить заявку</a><br />

<hr />

<?php }?>

Из листинга 3 можем наблюдать, что, обращаясь к базе данных, мы используем php. Для того, чтобы перейти к php-коду, открываем тег <?php, прописываем подключение к БД. После нужно сделать запрос на языке SQL к БД, чтобы отобрать данные, которые мы будем выводить на наш web-сайт. Затем мы создаем цикл, который будет вписывать в тег <p></p> данные, отобранные запросом к базе данных, а именно из таблицы «заявка», до тех пор, пока там есть записи. Нами были рассмотрены основные составляющие HTML кода файла index.php.

Рис. 3. Главная страница

Рис. 4. Кнопка «Добавить участника» на главной странице

После того, как мы вывели данные на главной странице, перед нами встает задача о необходимости добавить других участников в базу, для этого создадим кнопку «Добавить участника» на главной странице. При нажатии на кнопку мы переходим на страницу, регистрации участника.

Рис. 5. Страница регистрации участника

HTML код этой страницы будет находиться в файле add.php, и кнопка «Добавить участника» будет иметь ссылку на этот файл, <button value=»Кнопка» type=»button» onclick=»location.href=’add.php'»>Добавить участника</button>. Ниже мы рассмотрим код более детально и остановимся на основных его компонентах.

Листинг 3

<form method=»post» action=»add.php»> <!—Форма для ввода данных—>

Команда<br />

<input size=»40″ type=»text» name=»Команда»/><br />

ФИО<br />

<input size=»40″ type=»text» name=»ФИО»/><br />

Возраст<br />

<input size=»40″ type=»text» name=»Возраст»/><br />

Специальность\класс<br />

<input size=»40″ type=»text» name=»Специальность\класс»/><br />

e-mail<br />

<input size=»40″ type=»text» name=»e-mail»/><br />

Руководитель<br />

<input size=»40″ type=»text» name=»Руководитель»/><br />

Образовательное учреждение<br />

<input size=»40″ type=»text» name=»Учреждение»/><br />

Код листинга 4 предназначен для создания формы с полями для ввода и дальнейшей регистрации (добавлении в БД) данных участников. Но для этого нам необходимо сначала присвоить каждому полю переменную, которая будет использоваться в запросе на добавление записи, это приведено в листинге 5.

Листинг 4

if(isset($_POST[‘add’])) /*Переменные для записи данных в БД*/

{

$kom = strip_tags(trim($_POST[‘Команда’]));

$fio = strip_tags(trim($_POST[‘ФИО’]));

$age = strip_tags(trim($_POST[‘Возраст’]));

$spec = strip_tags(trim($_POST[‘Специальность\класс’]));

$mail = strip_tags(trim($_POST[‘e-mail’]));

$ruk = strip_tags(trim($_POST[‘Руководитель’]));

$uch = strip_tags(trim($_POST[‘Учреждение’]));

mysql_query(» INSERT INTO заявка ( `Команда`,`ФИО`, `Специальность\класс`, `Возраст`, `e-mail`, `Руководитель`, `Учреждение`)
VALUES (‘$kom’, ‘$fio’, ‘$spec’, ‘$age’, ‘$mail’, ‘$ruk’, ‘$uch’)

«); /*Запрос на добавление записи*/

mysql_close();

echo «Участник зарегестрирован!»;

} ?>

Таким образом, у нашего сайта имеются функции вывода участников и данные о них, а также регистрация участников, но нам, помимо этого, необходимо иметь возможность изменять данные участников, так как может случиться, что данные могли быть введены некорректно или неправильно, вследствие чего потребуется их отредактировать. Для исполнения данной функции разработаем страницу «Изменение заявки участника».

Рис. 6. Страница редактирования данных участников

Принцип работы данной страницы заключается в том, что под нужной нам записью на главной странице находится ссылка «Изменить заявку» <a href=»edit.php?id=<?php echo $row[‘id_заявки’]?>»>Изменить заявку</a>, если мы кликнем по ней, нас перекидывает на страницу изменение записи, которая перекидывает нас на файл edit.php.

В полях данной формы находятся поля, в которых уже находятся данные, и их нам нужно отредактировать, по окончанию изменения данных в полях, кликаем по кнопке изменить данные, таким образом происходит запрос (листинг 6) к БД на изменение данных в таблице «заявка».

Листинг 5

mysql_query(» UPDATE заявка SET `Команда`=’$kom’, `ФИО`=’$fio’, `Возраст`=’$age’, `Специальность\класс`=’$spec’, `e-mail`=’$mail’, `Руководитель`=’$ruk’, `Учреждение`=’$uch’

WHERE id_заявки=’$id’ «);

Но что делать, если нам нужно полностью удалить участника, для это предусмотрена другая ссылка для каждого зарегистрированного участника «Удалить заявку», которая перебрасывает нас на страницу, производящее удаление зарегистрированного участника.

Рис. 7. Страница, подтверждающая удаление участника

Данная страница срабатывает при переходе на неё с определенной учетной записи, чтобы удаление производилось именно той записи, свяжем их с помощью идентификатора, который для каждой страницы уникальный. Удаление производится так же посредством обращения к базе данных с помощью SQL запроса, который вставлен HTML код.

Листинг 6

<?php

include_once(«db.php»); /*Подключение в БД*/

$id = $_GET[‘id’];

mysql_query(» DELETE FROM заявка WHERE id_заявки=’$id’ «); /*Запрос на удаление*/

mysql_close();

echo «Участник удален!»;

?>

На этом основная часть нашего web-сайта для учета зарегистрированных участников в игре по программированию Брейн-рингу подошла к концу. В ходе разработки мы получили работающий на локальном сервер сайт, способный выводить, добавлять, редактировать записи участников, и если данные были некорректно заполнены или же неправильно, то производить их правку, а также удалять записи, в случае надобности.

Список литературы:

  1. Бужинская, Н.В. Игровые методы в подготовке IT-специалистов [Электронный ресурс] /Н.В. Бужинская // Наука и перспективы. – 2018. – №1. URL: https://elibrary.ru/download/elibrary_35624279_46040322.pdf (Дата обращения: 20.01.2019)
  2. Бужинская, Н.В.,Налимов Д.В. Разработка базы данных на MySQL для учета участников интеллектуальной игры по программированию [Электронный ресурс] / Н.В. Бужинская, Д.В. Налимов // Аллея науки. Информационные и коммуникативные технологии №11 (27). – 2018.  URL: https://alley-science.ru/domains_data/files/59December2018/RAZRABOTKA%20BAZY%20DANNYH%20NA%20MySQLDLYa%20UChETA%20UChASTNIKOV%20INTELLEKTUALNOY%20IGRY%20PO%20PROGRAMMIROVANIYu.pdf (Дата обращения 20.01.2018).
  3. Зандрста, М. PHP объекты, шаблоны и методики программирования [Текст] / М. Зандрста – ООО «И.Д. Вильямс», 2011г. – 560 с.
  4. Гасанов, Э.В., Гасанова, С.Э. Практикум по созданию Интернет-проектов. Основы языка программирования РНР. Часть 1, [Электронный ресурс]. URL: http://biblioclub.ru/index.php?page=book_view_red&book_id=230535 (Дата обращения 22.11.2018)
  5. Ломов, А.Ю. HTML, CSS, скрипты: практика создания сайтов. [Текст] / А.Ю. Ломов – Спб.: БХВ-Петербург, 2007. – 416 с.

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *