Чему вы научитесь
Навыки работы с графической библиотекой GD, создание базы данных MySQL и работа с ней из PHP-приложения
Требования
базовые знания HTML, CSS
Описание
- создание графических объектов на языке программирования PHP,
- редактирование графических объектов,
- добавление надписей средствами языка программирования PHP,
- создание базы данных MySQL,
- подключение к базе данных MySQL средствами языка программирования PHP,
- создание SQL запросов на добавление, редактирование и удаление записей в таблицах базы данных MySQL,
- добавление, редактирование и удаление записей в таблицах базы данных MySQL средствами PHP,
- загрузка файлов на сервер
Для кого этот курс:
Для начинающих программистов PHP b разработчиков баз данных
Спойлер: Материалы курса
3 раздела, 17 лекций, общая продолжительность 3ч 1мин
01 Где находится библиотека - 06:40
На этом уроке мы создадим проект php и убедимся в наличии библиотеки GD
ссылка на инструкцию по установке
Задание для самостоятельной работы:
1 *установить OpenServer и PhpStorm если отсутствуют
2 создать новый проект и добавить его в список доменов
3 открыть проект в PhpStorm и создать Index.php
4 вывести информацию о php и убедиться в наличии библиотеки GD
02 Надпись - в картинку - 08:56
На этом уроке мы создадим изображение средствами PHP, выведем на нем текст и поработаем с параметрами
Задание для самостоятельной работы:
1 создать изображение в виде текста
2 вывести изображение
3 поиграть с параметрами imagestring()
03 Открытку в студию - 07:31
На этом уроке мы научимся сохранять изображение в файл и делать надпись на готовом изображении
Задание для самостоятельной работы:
1 сохранить картинку в png-файл и посмотреть ее средствами windows
2 добавить картинку в проект и нарисовать надпись на ней
3 поменять параметры текста для более красивого отображения
4 сохранить в файл готовую открытку
04 Создание базы данных - 11:18
На этом уроке мы создадим базу данных для создания и хранения наших изображений
Задание для самостоятельной работы:
1 открыть MySQL менеджер в инструментах OpenServer
2 создать соединение с базой данных MySQL
3 разработать план таблицы graph
4 создать базу данных и таблицу с полями согласно плана
05 Рефакторинг & connect - 11:29
На этом уроке мы подготовим наш проект к работе с изображениями и подключимся к базе данных
Задание для самостоятельной работы:
1 удалить лишние изображения
2 перенести изображение в папку и сделать изменение в коде
3 перенести код создания изображения в отдельную функцию
4 создать файл connect.php
5 написать алгоритм подключения к БД
6 сделать скриншот подключения и ошибки
06 Правильные шрифты - 11:45
На этом уроке мы научимся применять разные шрифты в наших текстоизображениях, решим проблему с отображением русских букв и реализуем водяные знаки
Задание для самостоятельной работы:
1 изменить функцию изображения imagestring() на imagettftext()
2 подключить действующие шрифты к проекту
3 задать шрифт в параметрах setTextToImage()
4 поиграть с параметрами imagettftext()
5 продублировать imagettftext(), получить "водяные знаки"
07 Несколько SQL-запросов - 11:10
На этом уроке мы создадим несколько SQL запросов, которые нам понадобятся в дальнейшем
Задание для самостоятельной работы:
1 удалить лишний код из setTextToImage()
2 открыть HeidiSQL (или консоль)
3 подключиться к базе данных
4 создать запрос INSERT
5 cоздать запрос SELECT
6 создать запрос UPDATE
7 создать запрос DELETE
08 Форма Edit - 12:02
На этом уроке мы реализуем форму для добавления и редактирования записей в базe
Задание для самостоятельное работы:
1 создать файл edit.php
2 создавть и русифицировать форму
3 получить список файлов из image в массив
4 вывести список файлов в
09 Добавление данных в БД - 12:57
На этом уроке мы добавим данные в базу из формы
Задание для самостоятельной работы:
1 получить данные $_POST
2 добавить параметр database подключение к БД
3 добавить запрос INSERT в наш алгоритм
4 протестировать добавление данных в БД
10 Таблица записей в index - 11:45
На этом уроке мы выведем полученные данные в таблицу
Задание для самостоятельной работы:
1 переименовать index.php в image_show.php
2 создать новый index
3 создать html-таблицу и заголовки
4 подключить connect и внести в нем изменения
5 получить набор данных из таблицы graph
6 вывести данные в таблицу
7 отредактировать вид картинки
11 Удаление записи - 12:17
На этом уроке мы реализуем алгоритм удаление записи из БД и очистим наши данные от ненужных записей
Задание для самостоятельной работы:
1 исправить параметр href ссылки на удаление
2 создать файл del.php
3 реализовать алгоритм удаления записей
4 проверить работу алгоритма
12 Редактирование - получение данных - 09:01
На этом уроке мы получим данные для редактирования по GET-запросу и выведем их в ассоциированный массив row
Задание для самостоятельной работы:
1 исправить ссылку "редактировать"
2 вынести соединение в начало кода php в edit.php
3 сделать выборку при условии, что приходит $_GET['id_']
4 вывести полученный массив на печать
13 Редактирование - данные на форму - 09:14
На этом мы передадим наши данные, полученные посредством $_GET запроса на форму
Задание для самостоятельной работы:
1 удалить лишние var_dump
2 сделать форму частью редакода редактирования
3 добавить каждому элементу формы параметр value
4 сделать каждому параметру value значение массива $row
5 реализовать алгоритм получения выделенного элемента для списка рисунков
14 И добавлять, и редактировать - 05:58
На этом уроке мы научим аншу форму быть и для добавления, и для редактирования записей
Задание для самостоятельной работы:
1 добавить ссылку на добавление в index.php
2 реализовать получение массива row для добавления
15 Сохранение записей и изменений - 13:31
На этом уроке мы реализуем механизм сохранения данных о картинке
Задание для самостоятельной работы:
1 сделать сохранение добавленной записи по условию (если id<0)
2 реализовать сохранение изменений
3 *исправить ошибки и протестировать работу алгоритмов
16 Просмотр полученных изображений - 09:41
На этом уроке мы будем просматривать изображения из базы в отдельной вкладке браузера
Задание для самостоятельной работы:
1 преобразовать графу "Ссылка" в графу "Просмотр"
2 сделать вывод ссылок на просмотр картинок из таблицы
3 получить данные по _GET['link'] и вывести изображение с текстом в картинку
17 Загрузка фоновых изображений - 16:35
На этом уроке мы с вами реализуем механизм загрузки файлов фоновых изображений в проект
Задания для самостоятельной работы:
1 добавить файл upload.php
2 создать форму для добавления
3 рассмотреть массив $_FILES
4 реализовать алгоритм закачки файла
5 добавить в базу записи с новыми файлами
Скачать
Скачать
Скачать
