============演示站=============

前端：http://zhuzi.jxmaihe.com/

后端：http://zhuziadmin.jxmaihe.com/admin

## 「盘一盘」手串 DIY 设计 + 作品广场 + 商城系统（项目前端后端完整介绍）
### 一、产品定位与整体价值
**「盘一盘手串DIY定制系统」** 是一套专注于珠子手串、文玩饰品领域的 **前后端完整解决方案**。  围绕“用户在线搭配手串 → 自动生成价格与材料清单 → 发布作品/下单购买 → 实时沟通与售后服务”这一条完整业务链路设计，帮助商家快速搭建自己的 **手串DIY定制商城 + 作品广场 + 实时客服系统**。
**典型适用场景：**
- 珠子手串 / 文玩实体商家：希望把线下搭配体验搬到线上，提升客单价与复购率  - 小众饰品 / 原创饰品品牌：需要“设计感 + 可视化搭配”的差异化商城  - IP / 品牌周边运营方：通过 DIY 定制增强用户参与感与粘性  - 手作工作室 / 线下体验店：用作品广场展示设计能力，承接线上订单和合作
系统从 **用户体验、运营玩法、后期扩展** 三个维度综合设计，既能快速上线承接业务，又保留足够的扩展空间（会员体系、分销、积分、活动等）。
---
### 二、技术配置总览
- **后端技术栈**  - 语言：PHP **8.1+**  - 框架：ThinkPHP **8.x** 多应用架构（`admin / api / index`）  - ORM：ThinkORM 4.x  - 实时通信：Workerman **5.1+**（WebSocket 聊天 / 客服，支持 Nginx 反代 `/ws`）  - 支付集成：`yansongda/pay`（微信支付 / 支付宝）  - 文件存储：本地 + 阿里云 OSS / 腾讯云 COS / 七牛云（均已集成 SDK，可后台切换）
- **数据与缓存**  - 数据库：MySQL **5.7+（推荐 8.0）**  - 缓存：Redis（会话、在线状态、限流等，可选但推荐开启）
- **前端技术栈**  - UniApp 工程：`shitou/shitou`  - 多端支持：H5 / 微信小程序 / APP（基于 UniApp 打包）  - 主要页面：      - 首页、DIY 设计器页面      - 作品广场 / 作品详情      - 商品详情、购物车、结算页      - 订单列表 / 订单详情 / 评价      - 聊天列表 / 聊天详情      - 登录、个人中心、收货地址、余额 / 充值等
- **后台管理**  - UI 框架：EasyAdmin8 + Layui + ECharts  - 功能：系统配置、商品管理、作品审核、订单管理、用户管理、客服管理、统计报表等
---
### 三、核心卖点（运营视角）
- **卖点一：在线“撸串”体验，显著提升下单转化率**    用户不再只是看静态商品图，而是像在线拼乐高一样，自己拖拽珠子、隔珠、吊坠，实时看到成品效果和价格，体验远高于普通图文商城。
- **卖点二：作品广场 + 点赞互动，沉淀内容与口碑**    每一条用户设计的手串都可以保存成“作品”，进入作品广场展示，支持点赞、浏览量统计和材料明细展示，为品牌积累“好看、好玩、好买”的内容资产。
- **卖点三：自动生成材料清单与价格，省时省力**    系统会根据用户设计自动统计每颗珠子的规格、数量和单价，形成一份 **材料清单 + 价格合计**，既方便用户理解价值，也方便商家打包生产发货。
- **卖点四：内置实时客服/聊天系统，提升成交与服务体验**    项目自带 WebSocket 聊天系统，支持随机客服、会话列表、在线状态和表情，用户在设计或下单过程中遇到问题，可以一键联系客服，大幅提升成交率与满意度。
- **卖点五：UniApp 多端支持 + 完整后台运营中心**    前端基于 UniApp，支持 H5 / 小程序 / APP 多端发布；后台基于 EasyAdmin8，提供可视化的商品、作品、订单、用户、配置管理界面，方便运营人员日常操作。
---
### 四、模块与功能介绍
#### 4.1 手串 DIY 设计器模块
> 目标：用“好玩又好用”的在线设计体验，提高用户停留时长与下单转化。
- **可视化设计画布（Canvas）**  - 中心为圆形手串区域，动态绘制链子、珠子、隔珠、吊坠  - 支持手势缩放、旋转、拖动，适配移动端操作习惯  - 已针对吊坠/珠子位置做过多轮调试，保证显示效果与现实佩戴接近
- **交互功能**  - 点击商品即添加到手串上，自动计算角度与位置    - 提供“撤销”“清空”“保存草稿”“完成设计”四大关键操作按钮    - 实时计算并展示 **总价格 + 手围长度（cm）**
- **数据沉淀**  - 每一次设计都可以保存为草稿，方便用户多次修改    - 完成的设计可转为订单，或一键发布为作品，打通创意 → 作品 → 交易的链路    - 后端支持根据设计数据自动生成封面图，用于作品广场展示（可选）
一句话卖点：**“支持在线撸串：拖拽珠子、隔珠、吊坠即可生成专属于你的那一串。”**
---
#### 4.2 作品广场模块
> 目标：把用户和官方的优秀设计做成“内容资产”，帮助品牌种草与转化。
- **作品列表**  - 排序：最热（按点赞 / 浏览量）、 - 支持“首页推荐作品”标记，便于在首页专区重点展示
- **作品详情页**  - 展示作品封面、标题、作者头像昵称、浏览量、点赞数    - 一键查看 **材料明细**：    - 每颗珠子/配件的名称、规格（mm）、单价、数量、小计      - 自动汇总总金额，既方便用户评估价值，也方便商家打单
- **用户互动**  - 点赞 / 取消点赞：形成简单社交反馈，提高作品权重    - 浏览量统计：后台可看到哪些作品更受欢迎，便于选品和推广
- **发布与审核机制**  - 用户可以将自己的设计 **发布为公开作品**    - 支持两种运营模式：    - 免审核模式：发布即公开，适合拉新和提升活跃    - 审核模式：用户提交审核，后台通过后才公开，适合品牌内容管控
一句话卖点：**“所有用户作品都能进入作品广场，形成持续增长的内容与口碑资产。”**
---
#### 4.3 商品与交易模块（商城闭环）
> 目标：将 DIY 与作品转化为真实订单，完成商业闭环。
- **商品管理**  - 支持按分类展示珠子、隔珠、吊坠、配件等商品  - 商品包含名称、尺寸、材质、价格、图片等核心信息  - 与 DIY 设计器联动：用户在设计器下方商品列表中点击商品即可添加到手串上
- **购物车与结算**  - 标准电商能力：加入购物车、修改数量、删除、批量结算  - 结算页支持选择收货地址、填写备注、选择支付方式
- **订单系统**  - 订单状态：待支付、已支付、待发货、已发货、已完成等    - 订单详情：商品明细、金额构成、收货地址、物流信息（可扩展）    - 订单评价：为后续口碑与运营活动打基础
- **支付能力**  - 接入微信支付、支付宝（统一封装在 yansongda/pay）    - 后续可扩展余额支付、积分抵扣、优惠券等
一句话卖点：**“从设计到下单支付，一套系统搞定，无需拼接多套系统。”**
---
#### 4.4 用户账号与登录模块
> 目标：降低注册门槛，为后期会员运营打基础。
- **手机号登录**  - 支持短信验证码登录    - 已实现测试模式和正式短信模式（通过配置切换）
- **微信登录**  - H5 / 公众号授权登录流程已在后端与前端中集成    - 可进一步扩展小程序授权登录，实现多端统一账号体系
- **个人中心**  - 查看和管理个人资料、收货地址、订单、作品、余额 / 充值等    - 作为后续会员等级、积分、优惠券等营销玩法的基础入口
---
#### 4.5 在线客服与聊天模块
> 目标：提升成交率与售后体验，让用户随时有人解答。
- **客服分配**  - “随机客服”接口，从客服列表中随机分配一个客服给当前用户    - 后台可对客服账号进行配置与管理
- **会话管理**  - 会话列表：展示用户与不同客服 / 用户的聊天会话    - 会话详情与历史消息：支持翻页查看、按时间排序
- **消息形态**  - 文本、表情    - 代码层面预留图片、语音、视频、订单卡片、作品卡片等延展能力
- **在线状态**  - 查询用户是否在线，根据最近心跳时间判断    - 可在前端展示“在线 / 离线”标识，设置合理的回复预期

一句话卖点：**“用户在设计、挑选、下单的每一步，都可以一键联系在线客服。”**
---
#### 4.6 后台管理与运营中心
> 目标：运营团队可以不依赖技术，每天在后台完成主要运营工作。
- **数据仪表盘**  - 今日销售额、用户访问量、订单量、新增用户等 KPI    - 订单趋势折线 / 柱状图、用户趋势图、购买用户构成饼图
- **作品与内容管理**  - 作品审核、公开 / 私密状态管理    - 首页推荐作品配置    - 表情管理、公告 / 官方消息管理等
- **商品与订单管理**  - 商品增删改查、价格 / 库存调整    - 订单发货、退款审核、售后处理
- **用户与客服管理**  - 用户列表与详情、黑名单（可扩展）    - 客服账号管理、在线状态监控（可扩展统计）
- **系统配置**  - 上传设置：本地 / OSS / COS / 七牛 切换    - 支付参数：微信 / 支付宝配置    - 微信 / 小程序 / 公众号 等三方平台参数配置
---
### 五、交付内容与使用说明（给购买方看到的承诺）
- **交付内容**  - 完整 UniApp 前端工程代码（含手串设计器、作品页、商城流程、聊天、个人中心等）  - 完整 ThinkPHP8 后端源码（API + 业务逻辑）  - 完整 EasyAdmin8 后台源码（含菜单、权限、统计图表等）  - Workerman 实时聊天服务源码与配置文件  - 数据库初始化 SQL 文件（安装表结构与基础数据）  - Nginx 配置示例与基础部署说明
- **基础环境要求**  - PHP 8.1+    - MySQL 5.7+ / 8.0    - Redis（可选但推荐）    - Nginx / Apache 任一 Web 服务器    - Linux 服务器推荐为生产环境，Windows 适合作为开发环境


> **盘一盘手串DIY定制系统（前后端完整源码）**，基于 ThinkPHP8 + UniApp + EasyAdmin8 + Workerman 开发，核心提供 Canvas 手串 DIY 设计器（珠子 / 隔珠 / 吊坠搭配、手势交互、自动计算总价与手围），支持保存草稿、发布作品广场、点赞互动、材料清单与金额统计，并配套商品 / 购物车 / 结算 / 订单 / 微信支付宝支付等电商闭环。同时内置 WebSocket 在线客服 / 聊天系统，支持会话、消息记录、在线状态与表情。项目可直接部署上线，适合珠子手串定制、饰品 DIY、手作搭配类应用快速落地与二次开发。