Удаление книг из корзины.
Пользователь нажимает кнопку "Удалить" рядом с товаром в корзине (Рисунок 10). Система удаляет запись из базы данных и обновляет интерфейс.
Рисунок 10 – Удаление определенной книги из корзины
Оформление заказа.
Пользователь нажимает "Оформить заказ". Система проверяет наличие товаров на складе, уменьшает их количество (Рисунок 12), очищает корзину и показывает подтверждение (Рисунок 11).
Рисунок 11 – Успешный заказ
Рисунок 12 – Обновление количества книг на складе
Инструкция пользователю
Начало работы с приложением
Чтобы начать пользоваться книжным магазином, просто откройте Ваш браузер и перейдите по адресу http://localhost:8081 (Рисунок 13). Вы окажетесь на главной странице, где сразу увидите каталог доступных книг (Рисунок 14). Вверху страницы расположено навигационное меню — Ваша главная панель управления в приложении (Рисунок 15).
Рисунок 13 – Ввод URL-адреса интернет-магазина
Рисунок 14 – Главная страница магазина
Рисунок 15 – Навигационное меню
Создание личного кабинета
Если вы впервые посещаете наш магазин, Вам необходимо создать учётную запись. Для этого нажмите на ссылку «Регистрация» в правом верхнем углу (Рисунок 16). Перед Вами откроется простая форма, где нужно будет придумать уникальное имя пользователя, указать действующий email и установить пароль (Рисунок 17). После заполнения всех полей нажмите кнопку «Зарегистрироваться» — система автоматически создаст Ваш аккаунт и выполнит вход.
Рисунок 16 – Переход на регистрацию пользователя
Рисунок 17 – Создание личного кабинета
Вход в систему для постоянных клиентов
Если Вы уже зарегистрированы в нашем магазине, просто нажмите «Войти» и введите Ваши учётные данные. После успешной авторизации в правом верхнем углу появится приветствие с Вашим именем — это означает, что теперь вы можете добавлять книги в корзину и оформлять заказы.
Рисунок 18 – Вход в существующий аккаунт
Рисунок 19 – Приветствие пользователя
Исследование книжного каталога
Главная страница магазина — это мир литературы. Здесь Вы найдёте все доступные книги, каждая из которых представлена в виде информативной карточки. На карточке вы увидите обложку книги, её название, автора, цену и текущее количество на складе (Рисунок 20). Чтобы лучше рассмотреть понравившуюся обложку, просто кликните по изображению — оно откроется в увеличенном виде в отдельном окне (Рисунок 21).
Рисунок 20 – Карточки товаров
Рисунок 21 – Увеличенная карточка товара
Фильтрация книг
Наш каталог обладает системой фильтрации. Над списком книг Вы найдёте инструменты для сортировки: можно расположить книги от самых дешёвых к самым дорогим или наоборот. Также доступен фильтр по ценовым диапазонам — выберите подходящий вариант, и система мгновенно покажет только те книги, которые соответствуют вашим финансовым возможностям (Рисунок 22). Если захотите вернуться к полному каталогу, просто нажмите кнопку «Сбросить».
Рисунок 22 – Применение фильтров