更新记录

1.3.4(2021-07-27)

  1. 全新界面布局
  2. 添加门票
  3. 添加宠物档案
  4. 添加社区
  5. 添加消息
  6. 添加数据统计

平台兼容性

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配置

工程运行

  1. 先启动 redis 、 mysql 、 nacos等基础服务
  2. 启动除 gateway 之外的项目
  3. 最后启动 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

  1. 导入HBuliderX
  2. 修改config/app.js配置
    // 请求域名 格式: https://您的域名
    HTTP_REQUEST_URL: `http://localhost`,
  3. 运行到小程序

项目介绍

小程序结构
├── 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              // 门票

核心技术

  • 前端技术栈 ES6vuevuexvue-routervue-cliaxioselement-uiuniapp

  • 后端技术栈 SpringBootMyBatis-plusSpring SecurityJwt

特别鸣谢

  1. 感谢SpringBlade提供框架代码。
  2. 感谢仿奈雪の茶前端模板(微信小程序+h5)提供uniapp模板代码。
  3. 感谢ThorUI组件库提供uniapp模板代码。

部分演示图,持续更新

小程序演示图

输入图片说明

官网演示图

输入图片说明 输入图片说明 输入图片说明

后台管理演示图

输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明

版权声明

隐私、权限声明

1. 本插件需要申请的系统权限列表:

定位

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问