AI辅助开发小程序的实践分享

作者背景

没写过前端,只写过后端主要熟悉的语言是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模型。

最后在上架到小程序中:

最后放几个效果图:

相关推荐
一木 之林3 小时前
Dify学习笔记 03 · RAG检索增强生成:三代范式、评估与落地(第40-45、55-56集)
笔记·小程序·交互·dify
赵小哥要冲啦8 小时前
社区邻里互助小程序从 0 到 1 复盘:需求拆解与信任机制设计
java·小程序·需求分析
河北清兮网络科技13 小时前
石家庄做一套企业知识库系统多少钱?2026 报价明细
小程序·短剧app·广告联盟
Ai-_Man13 小时前
Coze扣子还是不可以导出左侧所有对话,只能点进去单条内容导出,方法不对吗?
开发语言·人工智能·ai·小程序·1024程序员节
微订校园外卖平台14 小时前
新手做校园外卖平台:小程序启动顺序与订单链路验收
小程序·外卖系统·本地生活·微订
FX1317887KP_1 天前
KET口语Part 2看图对话怎么练?“观察—提问—回应”;三步法讲透
小程序·ket口语·pet口语·fce备考·剑桥英语
沃达德软件2 天前
智慧教育教学资源管理系统(PC端+微信小程序)
微信小程序·小程序
阿俊-全栈开发2 天前
LikeShop 小程序商城首页可配置弹窗的设计与实现(Java + uni-app)
小程序·状态模式·likeshop·likeshop开源商城
考拉讲支付2 天前
延迟分账 / 核销分账的技术实现方案:服务完成后再分钱,到底怎么设计?
大数据·运维·人工智能·微信小程序·小程序·系统架构
Newway3212 天前
便利店小程序商城如何打通总部、门店与会员
小程序·小程序商城·会员运营·连锁便利店·门店订货·o2o系统