【资源编号44227】拼豆制图小程序源码 拼豆豆模板 制图小程序

源码介绍：

一、项目整体

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

二、全部核心功能

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

三、技术清单

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

后端：微信云开发(云函数、云数据库、云存储)。

构建工具：Webpack5、Taro CLI、Sass。

四、目录结构(极简版)

bead-artist

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

五、关键页面清单

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

六、云函数用途

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

七、项目优势

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

八、适用人群&场景

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

九、部署步骤

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

十、项目现状

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