shopFX: простой и полный функционал интернет-магазина

20200217 Первое большое обновление

• Изменения:

  • Исправлены некоторые известные ошибки.
  • Добавлены модули распродаж, включая акции, скидки и купоны.
  • Введены дополнительные задачи для обработки данных, такие как обработка неудачных акций или просроченных заказов.

• Настройка задач по расписанию: Задачи по расписанию размещаются в /console/controllers. Конкретные команды для настройки расписания находятся в коде. При настройке команд необходимо внести их в crontab. Обратите внимание, что путь к PHP зависит от вашей конкретной машины.

  Примечание: при использовании PHP путь зависит от конкретной машины.

• Предварительный просмотр проекта: Адрес бэкенда: http://shopfx.admin.tinakj.com/wap/#/page/dashboard. Мобильное приложение: http://shopfx.mobile.tinakj.com/app/#/page/index. Пожалуйста, используйте мобильное устройство для предварительного просмотра.

• Общение по проекту: QQ группа проекта: 1028535604.

• Оплата с помощью баллов: Поскольку невозможно использовать сторонние платёжные системы, проект использует только баллы для оплаты. Баллы можно добавить через бэкенд в разделе «Финансы» > «Бухгалтерский учёт» > «Операции по бухгалтерскому учёту».

Описание проекта

Это интернет-магазин с разделением на фронтенд и бэкенд, созданный с использованием Yii2 и Vue. Он включает в себя все функции полноценного магазина. Система управления правами, управление товарами (добавление, изменение, удаление, поиск), управление спецификациями товаров, управление заказами, простая логистика, управление пользователями, управление статьями, карусели изображений, управление баллами магазина и т. д.

Кроме того, маршрутизация во фронтенде не требует добавления в файл router. Вместо этого достаточно выполнить настройку в меню. После входа в систему происходит динамическая загрузка маршрутов. Для применения новых настроек меню или маршрутов требуется повторный вход в систему.

Конфигурация проекта

• Подготовка перед началом работы:

  1. Скачайте проект с помощью команды git clone https://github.com/FX336494/shopFX.git. Это позволит загрузить шаблон на ваш компьютер.
  2. Перейдите в каталог shopFX.
  3. Установите зависимости с помощью Composer (если у вас его нет, установите самостоятельно).
  4. Выполните команду composer install.

• Конфигурация интерфейса бэкенда:

  1. Настройте домен (например, admin.shopfx.com) так, чтобы он указывал на /shopFX/apiadmin/web/. Например, «H:/wamp/www/shopFx/apiadmin/web».
  2. В /shopFX/common/config/ настройте базу данных.
  3. Импортируйте данные из файла shopfx_db.sql в базу данных.
  4. Доступ к интерфейсу бэкенда осуществляется через URL, например, http://admin.shopfx.com/v1/member/test.

• Конфигурация фронтенда бэкенда:

  1. Перейдите в папку vueadmin.
  2. Установите зависимости с помощью npm install.
  3. В ./src/components/js/request.js настройте URL интерфейса.
  4. Запустите локальный сервер с помощью команды npm run dev.
  5. Соберите проект командой npm run build. Полученный каталог dist можно разместить на сервере для доступа к приложению.

• Конфигурация интерфейса магазина:

  1. Настройте домен (например, api.shopfx.com), чтобы он указывал на /shopFX/api/web/, например, «H:/wamp/www/shopFx/api/web».
  2. Доступ к интерфейсу магазина осуществляется через URL, например, http://api.shopfx.com/v1/connect/test.

• Конфигурация фронтенда магазина:

  1. Перейдите в папку vueshop.
  2. Установите зависимости с помощью npm install.
  3. В ./src/components/js/common.js настройте URL интерфейса.
  4. Запустите локальный сервер с помощью команды npm run dev.
  5. Соберите проект командой npm run build. Полученный каталог dist можно разместить на сервере для доступа к приложению.

Скриншоты интерфейса бэкенда

Изображение	Описание

Структура каталогов

api                     前端商城的api接口
    config/             接口的配置文件
    modules/
        models/         api数据模型
        v1/             api控制器
    runtime/            
    web/                api入口
apiadmin                后台管理的api接口
    config/             接口的配置文件
    modules/
        models/         后台api数据模型
        v1/             后台api控制器
    runtime/            
    web/                api入口
vueadmin                后台管理vue项目代码
vueshop                 前端vue项目代码
common
    config/             包含共享配置
    models/             共用的数据模型
    utils               包含一些共用的类
console                 用于执行角本的，一些定时处理任务
vendor/                 包含一些第三方的依赖包

Дополнительные пояснения

1. Спецификации товаров: Хотя этот магазин прост, он предлагает довольно полное решение для управления спецификациями. Здесь основное внимание уделяется организации различных спецификаций, таких как цвет, размер и память, в группы для соответствия различным категориям. Например, если мы создадим группу спецификаций для электроники, включающую цвет, размер и память, то эти три спецификации будут отображаться при добавлении продуктов в категорию «Электроника».

2. Загрузка изображений: Существует два способа загрузки изображений: локальная загрузка и загрузка на платформу Qiniu (требуется регистрация).

3. Дизайн модели: Большинство общих моделей помещены в модуль common. Модели для api и apiadmin наследуются от соответствующих моделей в common. Хотя это может показаться немного сложным, такой подход обеспечивает лучшую расширяемость.

4. Последние две фразы: При разработке проекта с открытым исходным кодом важно иметь чёткое представление о структуре проекта. Это поможет избежать беспорядка при работе над проектом и облегчит понимание кода для других разработчиков. Я столкнулся с ситуацией, когда мне пришлось работать над проектом с запутанной структурой, и было трудно вносить изменения без понимания исходного кода. Поэтому я решил следовать своей собственной структуре, даже если это привело к некоторой избыточности.

5. Другие мысли: Если вы считаете, что эта информация была полезной, можете поддержать автора чашкой кофе. Сканируй и узнавай.