Слияние кода завершено, страница обновится автоматически
Магазин "Секундная Распродажа" состоит из двух страниц — для пользователей и администраторов. Основной рабочий процесс пользователя начинается с входа в систему. После того как пользователь вводит имя пользователя и пароль, он может войти в систему. Пользователи могут просматривать товары, выбирать товары, покупать их и участвовать в акциях по распродаже. Они также могут зайти в свой профиль, чтобы изменить свои данные, пароли, выйти из системы или управлять заказами.
Основной рабочий процесс административной части начинается с входа в систему. Администраторы могут регистрироваться или входить в систему. После входа они могут управлять информацией о товарах, запасами товаров, магазинами, изменениями товаров, регистрацией пользователей, информацией о заказах, ценами и выходить из системы.
Среда: idea + node + maven + jdk8
Создайте базу данных seckill с помощью файла seckill.sql в папке sql.
Запустите проект store-provider.
Откройте терминал правым кликом мыши в папке vue, перейдите в папку admin.
Запустите административную часть:
// Установка зависимостей (в папке admin)
npm install
// Запуск проекта
npm run dev
// Установка зависимостей (в папке shop)
npm install
// Запуск проекта
npm run dev
Проверка происходит путём сравнения введённого имени пользователя и пароля с данными в базе данных. При успешном соответствии вход считается успешным, при неудаче — нет. Интерфейсы входа и регистрации показаны на рисунке 2-1 и 2-2 соответственно.
Рисунок 2-1: Интерфейс входа в магазин
Рисунок 2-2: Интерфейс регистрации в магазине
Для удобства управления магазином и обеспечения лучшего пользовательского опыта система разделена на две роли: пользователи и администраторы. Оба имеют одинаковый интерфейс входа и регистрации.
Выбор товаров является обязательным компонентом для онлайн-магазина. Интерфейс выбора товаров представлен на рисунке 3-1.
Рисунок 3-1: Интерфейс выбора товаров
Пользователи могут ввести название товара, и система покажет результаты поиска. Интерфейс поиска товаров представлен на рисунке 3-2.
Рисунок 3-2: Интерфейс поиска товаров
Пользователи могут просмотреть товары, выбрать те, которые хотят купить, и добавить их в корзину. Интерфейс добавления товаров в корзину представлен на рисунке 3-3.
Рисунок 3-3: Интерфейс добавления товаров в корзину
Пользователи могут участвовать в акциях по распродаже, согласно установленному времени. Интерфейс распродажи представлен на рисунке 3-4.
Рисунок 3-4: Интерфейс распродажи
Компонент покупки товаров является основной и ключевой функцией системы. Он позволяет выбрать товары, указать количество и создать заказ. Интерфейсы покупки товаров представлены на рисунке 3-5.
Рисунок 3-5: Интерфейсы покупки товаров
Пользователи могут использовать интерфейс редактирования профиля для изменения аватара и псевдонима. Интерфейс редактирования профиля представлен на рисунке 3-10.
Рисунок 3-10: Интерфейс редактирования профиля
Интерфейс управления заказами доступен в разделе "Корзина". Интерфейс управления заказами представлен на рисунке 3-11.
Рисунок 3-11: Интерфейс управления заказами
На главной странице административной части используется круговая диаграмма для наглядного отображения информации о продажах товаров. Пример представления информации представлен на рисунке 3-1.
Рисунок 3-1: Главная страница административной части
Администраторы могут добавлять, редактировать и удалять информацию о товарах. Интерфейс добавления деталей товаров представлен на рисунке 3-2.
Рисунок 3-2: Интерфейс добавления деталей товаров
Администраторы могут проверять, контролировать и управлять заказами пользователей. Интерфейс управления заказами представлен на рисунке 3-3.
Рисунок 3-3: Интерфейс управления заказами
Администраторы могут управлять информацией о зарегистрированных пользователях, включая возможность редактирования и удаления данных. Интерфейс управления пользователями представлен на рисунке 3-4.
Рисунок 3-4: Интерфейс управления пользователями
Поддержите автора чашечкой кофе! (телефон: hellobook1)
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )