独立设计师 / 小型工作室在处理非标定制订单时,普遍存在沟通成本高、流程不透明、表单频繁变更等痛点。本系统定位为「低代码生产管理平台」,覆盖从客户下单、AI 智能客服预沟通、订单工作流推进、设计师协作生产到成品交付的全链路协同,让设计师专注创作本身。
点击空白处退出提示
独立设计师 / 小型工作室在处理非标定制订单时,普遍存在沟通成本高、流程不透明、表单频繁变更等痛点。本系统定位为「低代码生产管理平台」,覆盖从客户下单、AI 智能客服预沟通、订单工作流推进、设计师协作生产到成品交付的全链路协同,让设计师专注创作本身。
本项目以低代码为核心,提供七大功能模块:
1) AI 智能客服:兼容国内外多家主流大模型服务接入,后台可视化配置管理,配置存数据库优先、本地配置文件兜底;支持关键词触发业务卡片(进度查询、转人工、作品展示、定制咨询、通知发送、支付提醒六类),并能在用户提到"人工"时自动切换为人工接管;底层用异步任务调用大模型,不会拖慢主消息链路。
2) 动态表单引擎(低代码核心):支持"品类—动态字段—表单模板"三层结构;字段类型覆盖文本、数字、长文本、下拉、单选、多选、图片共七种;新增一个定制品类完全不需要改数据库表,也不需要重新发版;订单创建那一刻把当时填写的表单数据以快照方式存到订单上,后续字段规则再怎么改都不会影响历史订单。
3) 工作流节点推进:内置保存、推进到下一节点、回退到上一节点、阻塞并记录原因、解除阻塞五种动作;节点顺序由后台配置决定,后端会校验目标节点是否合法,防止跳跃式流转;Web 端有可视化看板,可以直接拖拽订单到下一列,拖完自动写入并落库进度历史;阻塞后会在阻塞列表里显示,解除后从原节点继续。
4) WebSocket 实时聊天:长连接鉴权后建立会话,客户、后台管理员、AI 三方可以同时在线沟通;小程序端做了断线重连和心跳检测,弱网下不掉线;支持文本、图片、文件、进度卡片、操作卡片五种消息类型。
5) 多端协同:Web 管理后台(基于主流前端框架 + 口碑不错的组件库,参考开源后台模板做了二次定制)+ 微信小程序(用跨端框架,一份代码同时支持小程序和 H5)+ Docker Compose 一键拉起数据库、缓存、后端、前端整套环境,新人五分钟就能跑起来。
6) 全流程业务管理:覆盖订单、意向池、作品集、客户、收货地址、库存、物料清单模板、首页轮播图、数据字典、菜单权限等模块;权限体系支持管理员、设计师、库管、采购、财务、客服六种角色,按菜单粒度控制访问
本项目由我一个人独立完成,覆盖了从需求调研、架构设计、数据库建模、后端接口开发、前端后台开发、微信小程序开发,到最后 Docker 部署上线的完整流程。
技术选型方面:
- 后端:选用 Java 系目前最主流的 Spring Boot 框架(最新稳定版),搭配持久层增强组件 MyBatis-Plus,用 Spring Security 做安全框架,基于 JWT 实现无状态认证,接口文档走行业标准的 OpenAPI 规范,数据缓存用 Redis,关系数据库用 MySQL 8.0;工具库选了 Hutool,实体类用 Lombok 简化代码。
- Web 管理后台:用 Vue 3 + TypeScript 重构,搭配 Pinia 做状态管理、Vite 做构建工具;UI 组件库选了口碑不错的 Naive UI,样式用 TailwindCSS 辅助;数据可视化接 ECharts,看板拖拽用 vuedraggable 实现;HTTP 请求层没用常见的 axios,而是用了更轻量的 alova。
- 微信小程序:用 Uni-app 跨端方案 + Vue 3,一份代码同时支持小程序和 H5 两端。
- 部署:用 Docker + Docker Compose + Nginx,一份编排文件拉起整套生产环境。
实现上的几个亮点:
- 动态表单的 JSON 快照冻结机制;
- 订单状态机和乐观锁配合,核心订单表和物料表都做了防并发处理,并发场景下数据不脏;
- 长连接鉴权 + 心跳 + 断线重连,小程序在弱网环境下聊天体验稳定;
- AI 客服异步调用,大模型推理慢,但用户感知不到延迟,聊天主链路不卡顿;
- 菜单级权限控制 + 多角色数据范围隔离,不同角色登录后看到的菜单和能操作的订单都自动收敛,设计师只看自己负责









评论