CHAOWU 超玩 — 盲盒电商综合平台

一、项目概述

超玩（CHAOWU） 是一套基于 Laravel 6 + uni-app (Vue) 架构的 盲盒电商 + 社交裂变 + 多端运营平台 。核心业务围绕「盲盒抽奖」展开，融合了商城购物、商品置换、代理分销、红包活动、用户等级等多元化玩法，支持 H5、微信小程序多端运行，支持自动静默登陆。H5对接易支付个人免签，免服务号，免执照，免备案域名，最低成本快速上线运营。

二、技术架构

层级 技术选型 说明 后端框架 Laravel 6.x (PHP ^7.2) RESTful API 架构 前端/移动端 uni-app + Vue 2 + uView UI 编译输出 H5 / 微信小程序 / 支付宝小程序 后台管理 Laravel Blade 模板 + Layui + jQuery 独立后台管理系统 数据库 MySQL 5.7+ 主数据存储 缓存/队列 Redis (predis) Session / 缓存 / 队列驱动 对象存储 阿里云 OSS 图片及附件云端存储 即时通讯 Workerman GatewayWorker WebSocket 实时消息 支付体系 微信支付 / 支付宝 / 易支付全渠道支付覆盖 认证鉴权 JWT Auth (tymon/jwt-auth) 无状态 Token 认证 权限管理 Spatie Laravel Permission RBAC 角色权限控制

三、核心业务模块

1. 盲盒抽盒系统（核心）

• 盒子管理 ：创建盲盒、配置奖品池、设置概率权重
• 开盒体验 ：3D 动效展示、实时弹幕互动
• 盒子评价 ：用户对盒子进行星级评分和图文评价
• 盒子标记 ：热门/推荐标签管理
• 幸运盲盒 ：签到参与、任务解锁、隐藏款机制

2. 商城购物系统

• 商品管理 ：分类、品牌、规格(SPU/SKU)、热搜词
• 直购商城 ：常规电商购买流程
• 商品置换 ：以旧换新，原品 → 新品的转换交易
• 订单 ：完整的下单、支付、发货流程

3. 用户体系

• 注册登录 ：手机号 / 密码登录
• 会员等级 ：基于消费金额的等级晋升体系
• 钱包中心 ：余额充值、提现、资金流水明细
• 收货地址 ：CRUD 管理
• 用户关系链 ：邀请码绑定、团队树状结构

4. 分销/代理体系

• 代理模式 ：多级分销关系维护
• 佣金结算 ：推广返佣、提现审核
• 团队管理 ：查看下级成员及业绩数据
• 分享裂变 ：邀请海报生成、分享链接追踪

5. 支付与财务

• 多渠道支付 ：
• H5 端：易支付聚合网关（支付宝/微信）
• 小程序端：原生微信支付 / 原生支付宝支付
• 余额抵扣 ：订单可使用账户余额抵扣部分金额
• 运费计算 ：按包裹数量计费规则
• 订单状态流转 ：待支付 → 待发货 → 已发货 → 已完成

6. 运营活动

• 红包活动 ：定时发放、领取记录
• Banner 管理 ：首页轮播图配置
• 视频赚钱 ：发视频获取奖励的活动页面
• 活动中心 ：统一的活动入口和规则展示

7. 内容与合规

• 规则协议 ：可编辑的富文本规则页（隐私政策、服务条款等）
• 投诉举报 ：用户投诉通道及类型管理
• 公告通知 ：站内消息推送

四、后台管理功能（11大模块）

模块 功能说明 主页 数据概览仪表盘 用户管理 用户列表、团队树、代理管理、提现审核 透水统计 数据报表分析 抽奖管理 盲盒 CRUD、奖品配置、开奖日志、评价管理 商城管理 商品/分类/品牌/热搜词、置换商品 幸运盲盒 幸运盒配置、奖品、参与记录、签到/任务 运营管理 Banner轮播、红包活动、充值套餐 投诉举报 投诉处理、举报类型管理 系统配置 规则协议编辑、数据备份 权限管理 角色、权限、管理员账号 RBAC 控制 附件管理 云储存(OSS) 文件管理、图片复用选择器

五、移动端页面结构（uni-app）

主包页面 (5个Tab)
├── 首页 (pages/index/index)        — Banner + 盲盒列表 + 热门推荐
├── 抽盒 (pages/box/box)            — 盲盒大厅，mescroll 下拉刷新/上拉加
载
├── 盒柜 (pages/index/hegui)        — 我的盒子收藏柜
├── 活动 (pages/activity/activity)   — 活动中心入口
└── 我的 (pages/mine/mine)          — 个人中心

子包 - index (9个页面)
├── classify-detail    分类详情
├── luck-box           幸运盲盒
├── luck-prize         幸运奖品
├── my-log             我的记录
├── exchange           置换商品列表
├── exchange-detail    置换详情
├── exchange-order     置换确认订单（含支付方式选择）
├── search / search-res 搜索

子包 - box (3个页面)
├── box-detail         盲盒详情 + 开盒动画
├── comment-list       评价列表
└── log-invite         邀请记录

子包 - mall (2个页面)
├── mall-detail        商品详情
└── pay-order          商城支付订单

子包 - mine (19个页面)
├── he-zuo / tou-su    合作/投诉
├── address            地址管理
├── wallet / withdrawal 钱包/提现
├── bag                我的背包（已开出物品）
├── bag-send           发货操作
├── mall-order         商城订单
├── comment            发表评价
├── myTeam / daili     团队/代理
├── share / yaoqing    分享/邀请
└── recharge           充值

六、项目特色亮点

1. 双端适配 ：同一套 uni-app 代码编译为 H5 和小程序，H5 用易支付、小程序用原生支付
2. OSS 统一存储 ：所有图片走阿里云 OSS，后台上传组件支持复用已有附件
3. WebSocket 实时通信 ：基于 Workerman GatewayWorker 的即时消息能力
4. 完善的代理分销体系 ：多级分销 + 团队树 + 佣金自动结算
5. 灵活的规则引擎 ：后台可配置各类业务规则（运费、支付方式、活动参数等）
6. RBAC 权限管控 ：细粒度的角色权限控制，支持自定义菜单权限
7. 盲盒 3D 动效 ：开盒过程有丰富的视觉反馈和弹幕互动

前端