珠宝手作diy产品系统Vibe Coding

面向珠宝饰品零售与个性化定制场景，解决传统手串定制依赖线下沟通、材质搭配难以预览、尺寸与价格不透明、设计和下单流程割裂等问题。用户可在微信内浏览设计师作品，根据珠材、配饰、尺寸和手围自主搭配，实时查看手串造型、周长及价格，并完成设计保存、加入购物车、订单确认和售后管理，降低定制沟通成本，提升购买体验与商家履约效率。

项目包含首页运营展示、发现作品、作品详情、交互式 DIY 设计台、购物车、订单确认、微信登录、个人资料、我的设计、订单、收货地址及退款售后等模块。DIY 设计台支持珠材分类筛选、规格选择、点击加珠、拖拽调整、删除与撤销、随机生成、散珠与串绳切换、背景切换、手围及周长提示、价格实时计算、成品展示和分享。用户还可选择制作方式、包装、绳线颜色及配送方案，将设计保存并加入购物车，形成从创意设计到订单提交的完整业务链路。

我主要负责新版微信小程序的架构重构、核心功能开发、接口联调和交互性能优化。前端采用微信原生小程序、TypeScript、WXML 和 WXSS，实现组件化页面及统一的 API、登录态、异常处理和数据模型。DIY 模块采用 Canvas 2D 自定义绘制珠子、阴影和手串效果，引入 Matter.js 物理核心实现散珠运动、拖拽、珠子碰撞和托盘边界反弹，并通过固定时间步、休眠检测、图片缓存和按需重绘降低动画耗电与卡顿。代码按照 engine、features、model、page 和 services 分层，使物理计算、画面渲染与业务状态相互解耦。项目对接 Node.js 后端，实现材料加载、服务端计价、防价格篡改、设计保存、购物车规格持久化、订单幂等创建及支付状态查询，并通过 TypeScript 类型检查、开发者工具页面测试和后端自动化测试保证稳定性。