作者背景
没写过前端,只写过后端主要熟悉的语言是golang,完成这个小程序主要分为了以下几个阶段:
需求分析
通过 Google AI Studio 中的gemini进行规划进行需求分析以及列出详细的需求说明;
这个小程序的主要功能主要是进行万能的记录类应用,同时我也给出了几个同类的APP让它进行分析;
包括名字也是它给取的
最后得到如下的项目介绍,当然还有其他的一些项目的描述(这里没有记录下来)
go
# 星轨纪 (Star Trace)
> 记录点滴,看见轨迹 ✨
## 📖 项目理念
**星**:是您记录下的每一个数据点
**轨**:是时间将这些星点串联成的生命轨迹
**纪**:是我们为您铭记并呈现这一切
生命如繁星点点,每一次体重测量、每一粒服下的药丸、每一餐精心的饮食,都是您生命星图中闪烁的光点。时间如织,将这些星点串联成轨迹,勾勒出您的健康图景、生活节奏与成长轨迹。
**星轨纪** 是一个基于灵活事件模板系统的数据追踪微信小程序,致力于帮助您:
- 🌟 **记录每一颗星** - 轻松捕捉生活中的每个数据点
- 🛤️ **绘制生命轨迹** - 用时间串联起零散的记录
- 📚 **铭记成长历程** - 将数据转化为有意义的洞察
无论是健康管理、习惯养成,还是生活记录,星轨纪都能成为您忠实的数字伙伴。
AI编码
编码我用的是vscode 中的copilot;
为了能够让AI能够进行完全的全栈式的编写,后端也一起放在同一个仓库了,分为了backend和miniprogram目录。
我指定了技术栈,后端使用golang+gin+gorm的方式,前端使用tdesign库保证美观。
go
## 后端项目结构
backend/
├── cmd/ # 命令行工具
│ ├── server/ # API 服务器
│ ├── migrate/ # 数据库迁移
│ └── gen/ # GORM Gen 代码生成
├── pkg/ # 核心包
│ ├── handler/ # 请求处理器
│ ├── middleware/ # 中间件
│ ├── config/ # 配置管理
│ ├── db/ # 数据库连接和迁移
│ ├── models/ # 数据模型
│ ├── dal/ # 数据访问层(自动生成)
│ └── response/ # 统一响应格式
├── docs/ # 文档
├── scripts/ # 脚本文件
├── examples/ # 示例代码
├── Dockerfile # Docker 镜像构建
├── docker-compose.yml # Docker 编排
├── Makefile # 构建脚本
└── go.mod # Go 模块定义
## 前端项目结构
miniprogram/
├── app.js # 应用入口
├── app.json # 全局配置
├── app.wxss # 全局样式
├── theme.wxss # TDesign 主题定制
├── pages/ # 页面文件夹
│ ├── dashboard/ # 首页(事件快捷入口)
│ ├── timeline/ # 记录时间线
│ ├── charts/ # 数据分析图表
│ ├── profile/ # 个人中心
│ └── templates/ # 模板管理(新增)
├── utils/ # 工具函数
│ ├── storage.js # 数据存储管理
│ └── util.js # 通用工具函数
└── custom-tab-bar/ # 自定义底部导航
当然在实现的过程中还要不断地调教,不过最后实现的效果还可以,用的越多发现要时不时的切换新的会话,不然会"降智",我基本用的是CLaude Sonnet4模型。
最后在上架到小程序中:
最后放几个效果图:
