拼豆制图小程序源码

一、项目整体

专为拼豆爱好者打造的微信小程序，可把照片、手绘、像素画转换成可照着制作的拼豆图纸，附带用料统计、素材管理全套能力。采用Taro+React+TS开发，依托微信云开发承载后端能力

二、全部核心功能

1. 图片转图纸：相册选图、拍照均可一键转拼豆网格图纸。
2. 自由画布创作：自定义画布大小、方/圆形拼豆板、拼接方式、色系，空白画布手动创作。
3. 全能编辑器：画笔、橡皮、拖拽连续上色、吸色、换色、撤销重做、画布缩放，适配方形、圆形拼豆盘。
4. 用料核算导出：自动统计拼豆总颗数、各色用量，一键生成采购清单，方便备料。
5. 作品管理：云端保存作品，随时回看、二次编辑。
6. 模板画展：海量现成拼豆模板、作品合集，支持浏览收藏。
7. 个人拼豆库存：录入自己手头现有拼豆颜色，创作时优先复用，减少重复买料。
8. 个人中心：整合头像昵称、作品数据、收藏、库存、使用教程、合规协议；管理员额外拥有后台管理入口。

三、技术清单

前端

Taro3.6.22、React18、TypeScript、SCSS，适配微信小程序原生组件。

后端

微信云开发（云函数、云数据库、云存储）。

构建工具

Webpack5、Taro CLI、Sass。

四、目录结构（极简版）

bead-artist

1. src：页面、通用组件、工具函数、类型、静态资源、接口封装
2. cloud：所有云函数、数据库初始化文件
3. config：Taro打包配置
4. dist：打包后可上传微信的小程序代码

五、关键页面清单

首页、画展模板页、我的作品、个人中心、创作参数配置、拼豆编辑器、用量导出页、3D预览、协议、帮助教程、关于、管理后台。

六、云函数用途

负责用户信息、模板合集、作品同步、收藏记录、图片鉴黄、图片优化、拼豆库存操作、管理员后台所有接口。

七、项目优势

1. 完全贴合拼豆手工实操，功能全流程适配手作；
2. 图片转图高效，编辑功能精细；
3. 用料清单解决采购痛点；
4. 微信云开发部署简单；
5. SVG统一图标，显示稳定无兼容问题。

八、适用人群&场景

拼豆玩家、亲子手工、像素画爱好者；用来做拼豆图纸、统计耗材、收纳管理作品、做手工教学配图。

九、部署步骤

1. 执行命令 npm run build:weapp打包小程序；
2. 微信开发者工具上传部署全部云函数；
3. 初始化云数据库，上传小程序代码；完整细节参考部署教程.md。

十、项目现状

整套前后端、云能力、功能流程全部搭建完毕。后续可扩充模板数量、强化后台管理、优化图片转图算法、完善运营配置。

十一、图片