MiniApp | Archery App
🏹

MiniApp | Archery App

AI custom autofill
基于 cursor 进行开发,完成小程序“箭迹”的全链路开发
Tags
CS
Java
Published
April 25, 2025

一 产品文档

通过 GPT4.1 生成相关文档

二 原型图

新建一个 prototype 的目录,以及 index.html。
使用 cursor 中的 cluade3.7 来根据 prd 绘制原型图。注意这里使用 TDesign 组件库,这是小程序的一个官方组件库。在设计原型图的时候,就要设计基于该组件库,便于后续生成前端页面。
notion image
notion image
notion image

三 前端实现

根据原型图进行前端设计。因为我们这里有一些专业的图表展示部分,TDesign 中是没有的,所以使用用于小程序的 ECharts 组件库。
 

3.1 录入时的数据暂存

为了交互友好,需要实现录入时退出后,重新回到录入页面可以加载暂存的数据。同时撤销等功能可以对暂存的数据进行操作。
 
Q:暂存有两种逻辑实现,是数据保存在内存中还是进行一个落库?
A:目前采用数据保存在内存中的方式,因为希望数据库中都是完整的整场数据,数据对齐方便后续的数据分析等其他功能。存放内存中的缺点是可能会随小程序生命周期(页面卸载)而丢失暂存数据,但是这种是可以接受的。
 

四 后端云开发

4.1 云函数

@xxx.ts 创建真实的用户登录注册功能,基于云开发的方式。元开发环境变量:xxxxx
创建的云函数在 cloudfunctions 中,修改后的云函数需要 **创建并部署** 上线才可以调用。原理相当于直接部署了一个后端的接口。

4.2 创建储存

我需要创建什么数据集合和对应储存文件夹吗?
云开发中数据库集合相当于表,存储相当于对象储存。
 
 

五 反馈收集

bug

模板页面保存按键被遮挡
12 组组数时候滑动组件遮挡
撤销的时候仍然存在撤销问题
 

优化

增加 12 组组数,5 组组数
靶纸补全,支持60 全靶
详情中支持删除
模板记录保留上次值
录入时分数进行颜色区分
 

功能

创建 pk 功能
支持分享功能