奇宠日记多门店营销系统（前端）

更新记录

1.3.4（2021-07-27）下载此版本

全新界面布局
添加门票
添加宠物档案
添加社区
添加消息
添加数据统计

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 3.1.18 app-vue app-nvue	√	√	√	√	√	√

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
√	√	√	√	√	√	√	√	√

平台简介

奇宠日记, 商户多门店宠物营销系统

一直想做一款商城+客户管理系统给自己和服装同行使用，看了很多优秀的开源项目但是发现没有合适的。于是利用空闲时间开始自己写一套系统。基于saas构想，构建可以用于商城、零售、门票的多租户、多商户、多门店系统；经过一段时间的学习和实践，系统于2021-1-18日上线了。系统会陆续更新一些实际使用到的功能。

本身是做服装商城得，做成宠物门店社交系统了

输入图片说明

应用场景

主要应用与泛零售、电商等行业，提供线下支付和线上支付方式、客户管理、商品管理、会员卡管理、营销管理、数据统计等。

功能特性

四大模块助力营销能力升级：

客户管理：搭建私域流量池，高效运营客户
引流获客：多渠道引流，实现精准获客
员工激励：订单和员工绑定，店长给员工打分
营销中心：多类型营销工具，实现场景化营销

输入图片说明

在线体验

演示地址：https://console.qichong.vip

官网地址：https://qichong.vip

租户账号/密码：admin/qichong.vip

商户账号/密码：merchant/qichong.vip

门店账号/密码：admin/qichong.vip

扫描体验小程序：

环境部署

准备工作


JDK    >= 1.8
Mysql  >= 5.7
Redis  >= 3.0
Maven  >= 3.0
Nacos  >= 1.1.3
Docker >= 18.06.3-ce
Node   >= 10.15
Npm    >= 5.6.0

运行系统

后端运行

导入 IDEA 中

下载项目导入idea中

创建数据库 enjooo-db 并导入数据脚本

CREATE DATABASE IF NOT EXISTS enjooo-db
DEFAULT CHARACTER SET utf8mb4
DEFAULT COLLATE utf8mb4_general_ci;

导入Nacos配置

工程运行

先启动 redis 、 mysql 、 nacos等基础服务
启动除 gateway 之外的项目
最后启动 gateway

输入图片说明

前端运行

#安装yarn并配置淘宝源
> npm install -g yarn --registry=https://registry.npm.taobao.org

> yarn config set registry https://registry.npm.taobao.org -g
# 进入项目目录
cd saber

# 安装依赖
> yarn install

# 工程导入

# 本地开发 启动项目
> yarn run serve

# 构建发布
> yarn run build

> 或者写个bulid.sh脚本自动发布到服务器
echo "打包文件"
yarn build
echo "传输文件"
scp -r ./dist/** dev@hwcloud:/docker/nginx/web/html
echo "部署成功"

打开浏览器，输入 http://localhost:1888，默认账密为：admin/enjooo 。

若能正确展示登录页面，并能成功登录，菜单及页面展示正常，则表明环境搭建成功。

小程序运行

由于是项目不是插件，需要点导入示例项目。需要安装less、scss

导入HBuliderX

修改config/app.js配置

// 请求域名 格式： https://您的域名
HTTP_REQUEST_URL: `http://localhost`,

运行到小程序

项目介绍

小程序结构

├── static                      // 资源文件  
│   ├── iconfont                // 字体图标
│   ├── images                  // 图片文件
│   └── style                   // 样式文件
├── util                        // 工具方法
│   ├── cache                   // 全局缓存工具
│   ├── request                 // 网络请求工具
│   └── util                    // 全局工具
├── config                      // 环境配置
│   ├── app                     // 全局环境
│   └── const                   // 常量
├── libs                        // 第三方插件
│   ├── qqmap                   // 腾讯地图
│   └── qrcode                  // 生成二维码
├── components                  // 公共组件
├── store                       // 全局 store管理
├── api                         // 所有请求
│   ├── article                 // 新闻资讯接口
│   ├── store                   // 门店接口
│   ├── ticket                  // 门票接口
│   ├── user                    // 用户接口
│   ├── product                 // 商品接口
│   └── order                   // 订单接口
├── pages                       // 页面
│   ├── admin                   // 店员操作页面
│   ├── login                   // 登录页面
│   ├── mall                    // 商城页面
│   ├── member                  // 会员页面
│   ├── order                   // 订单页面
│   ├── store                   // 门店页面
│   ├── sub                     // 微信分包页面
│   └── tabbar                  // 底部导航
│       ├── index               // 首页
│       ├── mall                // 百货
│       ├── me                  // 我的
│       ├── order               // 取票订单
│       └── ticket              // 门票