【AI开发实战】从想法到上线,我用AI全栈开发了一款记账微信小程序

简介: 「时光账记」是一款轻量智能的微信记账小程序——AI打造,免下载即用。支持多账本协作(家庭/旅行/装修)、周期自动记账、预算实时预警、节日倒计时与自定义背景,让记账有温度、有期待、不劝退。理财,从看清每一分钱开始。(239字)

每到月底,看着空空如也的银行卡,你是不是也经常发出灵魂拷问:
“我明明没买什么大件,钱到底都去哪了?”

奶茶、打车、外卖……这些不起眼的小开销,正在悄悄吞噬你的积蓄。

记账,是理财的第一步。但市面上的记账软件要么广告满天飞,要么功能复杂到让人劝退。

于是,前段时间我就抽业余时间用 AI 帮我写了这款记账的微信小程序 —— 「时光账记」

登录页面

它不仅仅是一个冰冷的数字记录工具,更是一个帮你管理生活、记录时光的温馨管家。无需下载,微信扫码即用,轻量又强大!

记账页面

👇 它有哪些好用的功能,让我带你盘一盘!

多账本协作,搞定全场景需求

很多时候,我们的账目是复杂的:

  • 个人的私房钱;
  • 家庭的日常开销;
  • 和朋友旅行时的AA制花费……

「时光账记」完美解决了这个问题!你可以创建 多个账本

  • 家庭账本:邀请另一半加入,共同管理家庭基金,收支透明,减少因为钱产生的摩擦。
  • 旅行账本:和驴友们一起记录路上的每一笔花销,谁付了钱一目了然。
  • 装修账本:专款专用,精准控制预算,防止装修超支。

一键邀请好友,无需复杂操作,全家老小都能轻松上手!

懒人福音!周期性自动记账

房租、话费、视频会员、车贷房贷……这些每个月固定的支出,每次都要手动记一遍?
太!麻!烦!了!

「时光账记」的 “周期记账” 功能简直是懒人救星!

周期记账页面

你只需要设置一次(例如:每月 15 号自动记录房租 3000 元),剩下的交给它。
到点自动入账,再也不用担心漏记,让你的账单永远准时。

预算实时预警,告别“超支焦虑”

首页

“不知道怎么就花超了……”
别怕,在这里设置你的 月度预算

首页实时展示预算进度条:

  • 还剩多少钱可以用?
  • 已经花了多少比例?

一眼便知!当你看到进度条变红时,自然会管住想剁手的手。这才是存钱的正确打开方式!

节日倒计时,给生活加点糖

个人中心页面

这不仅仅是一个账本,更是一个生活记录仪。
内置 “节日倒计时” 功能,首页温馨提醒:

  • 距离发薪日还有 5 天
  • 距离恋爱纪念日还有 20 天
  • 距离春节还有 100 天

记账的同时,也能看到未来的盼头。让每一个平凡的日子,都因为期待而闪闪发光。

你的账本,你定义

厌倦了千篇一律的界面?

「时光账记」支持 自定义首页背景。换上你喜欢的爱豆、宠物或者是那次旅行的风景照,让每一次记账都变成一种视觉享受。沉浸式的导航栏设计,让界面美出新高度。

写在最后

记账的初衷,不是为了限制消费,而是为了更聪明地花钱,为了把钱花在真正能让自己快乐的事情上。

「时光账记」,帮你记录财富的流向,也帮你留住岁月的痕迹。

小程序的代码全部都用 AI 写的,自己没有写一行前端代码。
技术栈采用 Uni-app + Vue3

接口部分 80% 用 AI 写的。
技术栈为 go-zero + Go1.25.5 + MySQL + Redis

如果大家对如何使用 AI 写完整项目感兴趣,也可以私信我,人多的话,可将本项目的前后端代码都开源,供各位粉丝股东们学习参考~

建议:在评论区留言“打卡”,立个 Flag,看看坚持记账一个月能存下多少钱!

相关文章
|
18天前
|
人工智能 前端开发 小程序
AI开发实战1、手摸手教你一行代码不写,全程AI写个小程序——前端布局
本文揭秘如何用“反向思维”驯服AI写前端:告别千篇一律的赛博朋克渐变风,通过精准Prompt、全局样式锚定与Mock先行策略,让AI稳定输出风格统一、逻辑闭环的整套项目代码。附开源小程序实战案例!
236 0
AI开发实战1、手摸手教你一行代码不写,全程AI写个小程序——前端布局
|
存储 开发框架 JSON
在 Python 中,如何处理 Web 请求和响应?
【2月更文挑战第26天】【2月更文挑战第90篇】在 Python 中,如何处理 Web 请求和响应?
480 0
|
16天前
|
人工智能 小程序 JavaScript
AI开发实战6、抄作业吧!我优化了N遍的go-zero项目AI协作规范文件,一字不差全给你
本文是“AI开发完整项目”系列终篇,详解如何为go-zero微服务自动生成并规范编写CLAUDE.md文档,涵盖项目架构、API规范、代码生成流程及最佳实践,并开源「时光账记」小程序全栈代码供参考学习。(239字)
230 5
AI开发实战6、抄作业吧!我优化了N遍的go-zero项目AI协作规范文件,一字不差全给你
|
17天前
|
人工智能 前端开发 小程序
AI开发实战3、90%人用AI写前端都踩的坑:API层混乱!3步教你标准化
本文以开源记账小程序“时光账记”为例,直击AI写前端API层的痛点——请求方式混乱、地址硬编码、风格不统一。提出通过结构化Prompt明确技术栈、命名规范与文件路径约束,让AI产出标准、可维护、支持Mock的接口代码,真正实现高效人机协同。(239字)
147 0
AI开发实战3、90%人用AI写前端都踩的坑:API层混乱!3步教你标准化
|
17天前
|
人工智能 小程序 前端开发
AI开发实战4、AI总是忘记项目规范?因为你缺了这份终极上下文文件
本文是AI编程实战系列第4篇,聚焦前端开发,详解如何用`CLAUDE.md`(AI专属项目指南)提升AI编码准确性与一致性——涵盖上下文构建、规范统一、效率提升与幻觉抑制。下篇将切入go-zero后端接口开发。(239字)
296 0
AI开发实战4、AI总是忘记项目规范?因为你缺了这份终极上下文文件
|
16天前
|
人工智能 小程序 API
AI开发实战5、手摸手教学:如何用AI+go-zero,从数据库设计开始构建API
本文是AI开发实战系列第5篇,聚焦用Claude 3.5/Gemini等模型高效构建Go微服务后端。以开源记账小程序「时光账记」为例,详解如何通过AI辅助完成数据库建模、API契约定义与业务代码生成,强调“框架自建+AI填空”模式,兼顾效率与代码一致性。(239字)
120 1
AI开发实战5、手摸手教学:如何用AI+go-zero,从数据库设计开始构建API
|
18天前
|
人工智能 前端开发 小程序
AI开发实战2、只有 1% 的人知道!这样给 AI 发指令,写出的前端项目堪比阿里 P7
本文揭秘AI编程“屎山”变精品的关键:不是AI不够强,而是你不会“调教”。提供一套实战验证的“四步Prompt清单”——定技术栈、定设计规范、封装基础组件、开发业务页面,助你用AI高效产出结构清晰、风格统一的专业级前端项目(Uni-app+Vue3记账小程序Momento已100%由AI实现)。
139 0
AI开发实战2、只有 1% 的人知道!这样给 AI 发指令,写出的前端项目堪比阿里 P7
|
6月前
|
人工智能 自然语言处理 供应链
2025年11月,中国数字人平台介绍与技术分析
2025年,数字人技术迈向“价值载体”新阶段,核心市场规模破400亿元。依托多模态大模型、端侧智能与高拟真驱动,数字人在政务、医疗、文旅等领域实现深度落地。从技术架构到场景定制,再到生态协同,正重构产业交互方式,推动虚实融合的智能化变革。
|
4月前
|
人工智能 小程序 JavaScript
微信小程序的开发流程
微信小程序开发流程成熟高效,依托云开发与AI辅助,大幅缩短上线周期。涵盖资质准备、需求设计、技术选型、编码实现、测试调试到发布审核六大阶段,并强调合规性、插件复用与AI提效,助力快速落地优质应用。(239字)