56
Рисунок 22. Диаграмма последовательности для изменения
каталога сотрудником
После оформления заказа сотрудник магазина изменяет статус заказа
через встроенный интерфейс администратора «Django» (рисунок 23),
пользователь же может следить за изменениями на своей странице (рисунок
21).
57
Рисунок 23. Диаграмма последовательности для изменения статуса
заказа сотрудником
Рисунок 24. Диаграмма последовательности для изменения прав
доступа администратором
58
2.3 Характеристика базы данных
В разработанной системе используется СУБД «SQLite». ER-диаграмма
используемой базы данных приведена на рисунке 25.
Рисунок 25. ER-диаграмма базы данных
Назначение таблиц и описание хранимых в них данных приведены в
таблицах 4-14.
59
Таблица 4
Описание таблиц базы данных
Название
таблицы
Описание
Cart
Корзина
Category
Категории товаров
Delivery Method
Метод доставки
Favourite
Избранные товары
Order
Заказы
Order Status
Статус заказа
Payment Method
Метод оплаты
Product
Товары
Role
Роли пользователей
User
Данные о пользователях
Таблица 5
Описание таблицы «Order»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
date
Дата заказа
user_id
Идентификатор пользователя, вторичный ключ
status_id
Идентификатор статуса заказа, вторичный ключ
product_id
Идентификатор продукта, вторичный ключ
number
Количество товара в корзине
payment_method
Способ оплаты, вторичный ключ
delivery_method
Способ доставки, вторичный ключ
cost
Стоимость заказа
comment
Комментарий к заказу
60
Таблица 6
Описание таблицы «Cart»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
user_id
Идентификатор пользователя, вторичный ключ
product_id
Идентификатор продукта, вторичный ключ
number
Количество товара в корзине
Таблица 7
Описание таблицы «Category»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
name
Название категории
Таблица 8
Описание таблицы «Delivery Method»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
name
Наименование методы доставки
Таблица 9
Описание таблицы «Favourite»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
user_id
Идентификатор пользователя, вторичный ключ
product_id
Идентификатор продукта, вторичный ключ
Таблица 10
Описание таблицы «Order Status»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
name
Наименование статуса
61
Таблица 11
Описание таблицы «User»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
name
Имя пользователя
lastname
Фамилия пользователя
email
Адрес электронной почты
password
Пароль
address
Адрес пользователя
telephone
Телефон
role
Роль пользователя в системе
Таблица 12
Описание таблицы «Payment Method»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
name
Наименование методы оплаты
Таблица 13
Описание таблицы «Product»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
category_id
Идентификатор категории, к которой относится товар,
вторичный ключ
name
Наименование товара
description
Описание товара
manufacturer
Производитель
price
Цена
Таблица 14
Описание таблицы «Role»
Название поля
Описание
ID
Уникальный идентификатор, первичный ключ
name
Наименование роли
62
2.4 Контрольный пример реализации проекта и его описание
На рисунках ниже представлены ключевые элементы сайта, такие как:
- Шапка сайта (рисунок 26);
- Футер сайта отличается для анонимного и авторизованного пользователя
(рисунки 27 и 28).
Рисунок 26. Шапка сайта
Рисунок 27. Футер сайта для анонимного пользователя
Рисунок 28. Футер сайта для авторизованного пользователя
Главная страница представляет собой каталог товаров (рисунок 29).
Слева сверху есть фильтр по категориям товаров, рядом строка поиска, а также
разделы «Избранное» и корзина.
Шапка сайта содержит логотип магазина, контактные данные, а также
форму аутентификации пользователя. Форма аутентификации тривиальная, как
и в большинстве сервисов, для регистрации пользователя достаточно логина,
пароля и электронного адреса. Логотип магазина положительно влияет на
узнаваемость бренда.
Футеры также выполнены в лаконичном стиле с ориентацией на
прошлый опыт пользователя в интернете. Структура футера проста и понятна, а
63
также повторяет общеизвестные шаблоны заполнения этого поля: в нём
представлена карта сайта.
Каталог магазина разбит на категории. Каталог оснащен строкой поиска,
что значительно ускоряет поиск нужного товара. Справа от строки расположена
небольшая командная панель, из которой пользователь может переместиться в
папку «Избранное» или корзину.
Каждая позиция товара представлена заголовком с названием товара,
изображением товара, ценой и кратким описанием. Такое представление часто
применяется в интернет магазинах, оно успело зарекомендовать себя как один
из самых удачных вариантов представления товара.
Рисунок 29. Каталог товаров
Переключение категории каталога происходит через панель управления.
Нажатие на кнопку «Магазин» раскрывает контекстное меню со списком
доступных категорий (рисунок 30).
64
Рисунок 30. Категории товаров
Переместившись в категорию каталога, пользователь видит перед собой
ограниченное данной категорией множество товаров (рисунок 31). Понять о
том, что пользователь находится в категории, достаточно просто: на панели
навигации будет отображаться новое расположение в стиле «Магазин /
Категория», такое отображение привычно и понятно пользователю, потому что
именно так записывается путь в файловой системе или в сети Интернет.
Рисунок 31. Товары в категории «Инструменты»
Выбрав интересующий его товар, пользователь может кликнуть на него,
тем самым открыв подробное описание товара. Страница с подробным
описанием товара откроется в новом окне (рисунок 32). На странице описания
товара в первую очередь идет заголовок – наименование товара, затем
изображение товара и подробное описание. Фреймворк «DjangoShop» даёт
65
максимальную гибкость в создании модели товара. При необходимости товар
может иметь некоторый набор обязательных полей, это может быть, например,
номинал электронных компонентов, цвет, мощность энергопотребления и так
далее. Понятно, что под любую такую модель можно написать и представление.
В данном примере необходимости в дополнительных полях нет, однако важно
отметить, что это всего лишь простейший из возможных вариантов пример.
Стандартная для любой модели часть описания – форма добавления
товара в «Избранное» или корзину. В форме указана цена товара, и
пользователь может указать количество товара к покупке.
Рисунок 32. Страница товара
Поиск товара осуществляется по названию и описанию. Товары
выводятся в формате списка (рисунок 33). Строка списка содержит краткую
информацию по товару, его цену и уменьшенное изображение. Такой вид
позволяет быстро оглядеться по списку, что достаточно удобно, когда ищешь