shopFX

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

• Изменения:

  • исправлены некоторые известные ошибки;
  • добавлены модули распродаж, групповых покупок и скидок;
  • добавлены некоторые задачи для обработки по расписанию, такие как обработка неудачных групповых покупок или просроченных заказов;

• Задачи по расписанию:

  • задачи по расписанию находятся в /console/controllers, а конкретные команды — в коде. Чтобы настроить задачу, нужно просто добавить команду в crontab;
  • обратите внимание: путь к php зависит от вашей машины;

• Предварительный просмотр проекта:

  • адрес бэкенда: http://shopfx.admin.tinakj.com/wap/#/page/dashboard;
  • мобильное приложение: ;

• Общение по проекту:

  • группа обмена информацией в 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/shopfx_db.sql в базу данных;
  4. Доступ к интерфейсу администратора осуществляется через http://admin.shopfx.com/v1/member/test;

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

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

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

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

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

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

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

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

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. Другие соображения:

Поощрение

Если вы считаете, что это было полезно, вы можете поддержать автора чашкой кофе.