Видео этого урока скоро появится
Конспект урока доступен ниже
Интернет-магазин: каталог, корзина, заказ
Соберёшь магазин с каталогом товаров из базы данных, карточками и корзиной. Настроишь оформление заказа и уведомления о новых покупках. Отдельно разберёшь типичные ситуации: пустая корзина, товар закончился, покупатель ушёл с середины оформления.
Конспект урока
- 1
Товары живут в таблице
Заведи таблицу с названием, описанием, ценой, картинкой, остатком и признаком «показывать». Тогда смена цены это правка строки, а не переделка страницы.
- 2
Каталог и карточка товара
Список товаров сеткой и отдельная страница под каждый товар. На карточке сразу видно цену и наличие, иначе человек кликает вслепую.
- 3
Корзина переживает перезагрузку
Содержимое корзины сохраняется в браузере, а у вошедшего пользователя в базе. Проверь это первым делом: обнови страницу и убедись, что товары на месте.
- 4
Оформление заказа в базу
Заказ пишется двумя таблицами: сам заказ с контактами и его позиции с количеством и ценой на момент покупки. Уведомление о заказе уходит в Telegram.
- 5
Сумму считает сервер
Итог пересчитывается на сервере по ценам из базы, а не берётся из браузера. Данные, пришедшие со страницы, можно подменить, и заказ уедет за рубль.
- 6
Разбираем неудобные случаи
Пустая корзина, нулевой остаток, количество больше остатка, двойное нажатие на «Оформить», уход с середины оформления. Опиши желаемое поведение списком и проверь каждый пункт руками.
Практика
Добавь товар с нулевым остатком и попробуй его купить. Доведи поведение до нужного: кнопка неактивна, в корзину товар не попадает, заказ не создаётся.
Сделал? Отметь урок пройденным и переходи дальше