Разработка CRUD-приложения «База данных товаров»

Лабораторная работа №19

Разработка CRUD-приложения «База данных товаров»

1. Запустите OpenServer. В меню OSP панели выберите вкладку Дополнительно – PhpMyAdmin.

Если нет PhpMyAdmin, то выберите в меню OSP вкладку Настройки – Модули и выберите MySQL (самой последней версии).

1. В появившемся окне подключения к PhpMyAdmin в строке Имя пользователя наберите root, строкe Пароль оставьте пустой (в предыдущих версиях OpenServer был пароль также root).

2. Нажмите на строчку Создать базу данных. Введите имя базы данных crud1 или crud2 (в зависимости от подгруппы). Установите кодировку utf8_general_ci. Нажмите кнопку Создать.

1. В ней создайте таблицу goods с 4 столбцами (полями). Нажмите кнопку Вперед.

1. В таблице goods задайте следующие поля.

Для поля id обязательно укажите индекс Primary (первичный ключ) и включите галочку A_I (автоинкремент), чтобы идентификатор автоматически увеличивался.

Для полей title, description и price укажите значение по умолчанию Null для того, чтобы если поле не заполнено, то выставлялось бы пустое значение.

После создания полей нажмите кнопку Сохранить.

Добавление записей в таблицу с помощью интерфейса PhpMyAdmin

1. Добавьте несколько записей в базу данных. В PhpMyAdmin откройте раздел Вставить. Заполните поля title, description, price для двух товаров. Поле id заполнять не нужно, т.к. для него установлен автоинкремент. Далее нажмите кнопку Вперед.

Появится выполненный SQL-запрос. Перейдите на вкладку Обзор и увидите созданные записи.

1. Записи в таблицу можно также добавлять с помощью SQL. Перейдите на вкладку Вставить и в самом низу щелкните по кнопке Предпросмотр SQL. Скопируйте данный запрос, перейдите на вкладку SQL и вставьте его в поле запросов.

Измените значения полей и нажмите на кнопку Вперед. В таблице должен появиться третий товар.

Операция 1. READ - чтение данных из базы данных

1. Создайте на Open Server папку crud1 или crud2 (в зависимости от подгруппы) и в ней файл index.php

2. Установите соединение с базой данных.

Создадим переменную $connect и используем для соединения с БД функцию mysqli_connect со следующими параметрами:

Название сервера – localhost

Логин пользователя от PhpMyAdmin – root

Пароль пользователя – пусто (пустые одинарные кавычки) или root

Имя базы данных – crud1 или crud2

1. Проверим удалось ли установить соединение, используя функцию die – завершает выполнение текущего скрипта и выводит сообщение.

1. Откройте сайт в браузере. Если отобразилась пустая веб-страница без ошибок, то Вы подключили базу данных правильно.

2. Т.к. мы будем использовать подключение к базе данных из разных файлов, то удобнее для подключения создать отдельный файл. Создайте новый файл connect.php, скопируйте в него все содержимое файла index.php. Из index.php подключение к БД удалите.

3. В файле index.php подключите файл connect.php с помощью команды require_once - включает указанный файл один раз.

1. Ниже создадим верстку веб-страницы, на которую будем выводить данные из базы. Создайте таблицу, используя работу плагина Emmet:

1. В верстке добавьте заголовки и один товар.

1. Подключите файл style.css

1. Продолжим работу с php-кодом, получим (прочтем) все записи из таблицы:

Создадим новую переменную $goods и с помощью функции mysqli_query выполним запрос к базе данных.

1 параметр – переменная соединения $connect

2 параметр – SQL-запрос, который будет получать записи из таблицы.

SELECT * FROM `goods` - выбрать все данные из таблицы goods (данный запрос можно скопировать из интерфейса PhpMyAdmin)

1. Выведем полученные данные с помощью функции var_dump – выводит информацию о переменной.

На сайт после этого будет выведена информация о переменной $goods, при этом все товары хранятся в параметре num_rows

Из записи видно, что переменная $goods – это объект.

1. Преобразуем полученный объект в ассоциативный массив, используя функцию mysqli_fetch_all – берет все строки и помещает их в ассоциативный или обычный массив.

И выведем полученный массив с помощью команды print_r

Чтобы выводить в более читаемом виде можно добавить тег pre - сохраняет форматирование.

Рассмотрите полученный массив, определите ключи и значения.

После проверки строки 5 – 7 можно удалить.

1. Теперь эти полученные данные можно перебирать в цикле и заносить их в таблицу:

Здесь используется разрыв php-кода и сокращение его записи:

Эти коды равносильны.

Операция 2. CREATE – добавление записей в таблицу

1. Ниже таблицы добавим код верстки формы

1. Создайте файл create.php, подключите файл connect.php

2. Создайте переменные и получите данные из формы методом POST

1. Делаем запрос на добавление

1. Сделаем переадресацию после того как этот скрипт выполнится, чтобы перейти снова на главную страницу. Для этого используем функцию header

1. Добавьте товар, проверьте чтобы товар добавился в базу данных.

Операция 3. UPDATE – изменение данных

1. Добавить еще один столбец в таблицу

1. Сейчас ссылка Изменить для всех товаров одинакова. Надо как-то обозначать, что первая ссылка будет редактировать 1 товар (с id = 1), вторая – 2 товар (с id = 1) и т.д. Для это используем get-параметры.

1. Создайте файл update_view.php, подключите его к базе данных. Добавьте в него верстку формы, такой же, как и на главной странице.

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

Идентификатор товара получим из массива GET

А сам товар получим с помощью SQL запроса. Здесь получаем одну запись используя ключевое слово WHERE

1. Преобразуем переменную в ассоциативный массив, используя функцию mysqli_fetch_assoc – берет строку и помещает их в ассоциативный или обычный массив

Посмотрите, что получится через print_r

1. В форме установить значения полей в value. После этого ссылка Изменить для всех товаров будет различна.

1. Создайте файл update.php, он будет выполнять обработку формы из update_view.php.

1. В файле update.php выполните обновление данных через sql-запрос.

Пример sql-запроса можно скопировать из phpMyAdmin при изменении товара.

Чтобы получить id товара на форму добавьте скрытое поле, в которое будет помещаться значение id выбранного товара.

Операция 4. DELETE – удаление записей из базы данных

1. В файле index.php добавьте еще один столбец для удаления товаров.

1. Самостоятельно напишите скрипт delete.php. Для удаления нужно получить id из GET-запроса.