顶框框产品系统Vibe Coding

为满足当前年轻人以及互联网抽象派网友的个性化头像要求，现推出了“顶框框”微信小程序，用户可在小程序中上传自己的头像图片并自由调整头像位置以及裁剪头像，而后选择自己喜欢的头像框合成为最终的个性化头像；小程序提供了矩形头像框和圆形头像框来满足多种app头像需求

客户端：
1.头像上传以及裁剪功能：用户可通过拍照或从相册选取头像图片，并在小程序中自由放大、缩小、移动、旋转，最终裁剪为一个正方形或圆形的底图
2.头像框预览功能：小程序用户可在头像框列表中根据分类预览所有的头像框样式，点击头像框后，可在头像预览框中展示头像框，并且在裁剪头像插件中也能显示已经选择的头像框，让用户能直观的感受到头像框合并后的效果，实现所见即所得
3.头像框合并功能：用户上传了头像并选择了头像框后，点击保存按钮，可合并头像到头像上并保存到手机相册中去
4.会员充值功能：用户可在“我的”界面充值会员，充值成功以后可使用vip头像框
服务端：
1.管理平台：可新增、删除、修改后端管理用户，让用户可登录平台对头像框数据进行管理
2.头像框管理：后台人员可在此模块新增、删除、修改、查询头像框数据，设置头像框的属性，如使用状态、是否VIP、是否热门

负责模块：
本项目所有功能均为开发者一人实现，包括小程序端、后端、数据库以及服务器的搭建，小程序端代码99%代码使用opencode + deepseekv4-flash进行vibe coding实现；后端管理系统为开发者自己积累的一套管理后台框架+vibe coding+少量关键代码手写实现

使用技术栈：
java、spring boot、mysql、redis、mybatis-plus、ffmpeg、小程序原生代码；
后端在订单支付环节使用了分布式锁、幂等、状态机手段保证支付结果的正确性；
小程序端通过vibe coding实现了满足功能的图片裁剪插件，用户可在插件中自动旋转、移动、放大、缩小上传图片，并用裁剪框展示裁剪部位，实现真正的所见即所得；
图片合成则使用ffmpeg来提升合并图片的速度，提升了用户体验