找回密码
 立即注册
首页 业界区 业界 零基础不会前端?我靠AI做出了一个育儿补贴计算器小程序 ...

零基础不会前端?我靠AI做出了一个育儿补贴计算器小程序!

采序 5 天前
在两个月前,我连 div 是什么都不知道,更别提写代码了。但今天,我开发的小程序——育儿快算,已经在微信上线,帮助了上千位年轻父母快速计算他们能领到的2025年新育儿补贴政策金额
你没看错:一个完全不会前端的人,靠AI,也能做出自己的小程序。
下面,我就把这段“从0到1”的真实经历分享出来,希望能给和我一样的普通人一点启发和勇气。
一、为什么做这个小程序?

2025年1月,国家出台了新的育儿支持政策:
从宝宝出生起,每月发放300元育儿补贴,持续到满3周岁为止!
消息一出,朋友圈都炸了。但我发现:

  • 很多人不知道自己能领多久?
  • 能领总共多少钱?
  • 是否和地方政策叠加?
  • 新生儿、二孩、三孩有没有区别?
我查了很多公众号、政务网站,信息零散,计算麻烦。
于是我想:要是有个小程序,输入宝宝出生日期,就能自动算出:

  • 还剩多少个月可领
  • 总共能领多少钱
  • 什么时候结束
那该多方便!
可问题是:我不会前端编程啊……
二、转机:我用AI当“私人前端老师”

一次偶然,我尝试用最近很火的 cursor 问了一句:
“我想做一个计算育儿补贴的小程序,但完全不会前端,你能帮我吗?”
没想到,AI 不仅告诉我怎么做,还一步步教我:

  • 如何下载安装“微信开发者工具”
  • 如何创建项目
  • 如何设计页面
  • 甚至直接生成了完整的代码!
从那一刻起,我知道:普通人做小程序的时代,真的来了。
三、我的开发流程(全靠AI辅助,一行代码没自己写)

第1步:让AI帮我规划功能

我对AI说:
“我想做一个育儿补贴计算器,根据2025年新政策:每月300元,从出生到3岁。请帮我设计一个小程序页面。”
AI 立刻给出建议:

  • 首页:输入宝宝出生日期
  • 显示:已领取月数、剩余月数、总金额
  • 支持分享和保存
第2步:让AI生成页面代码

我问:
“请用小程序语法写一个页面,有一个日期选择器,显示‘宝宝出生日期’,下面显示‘可领取总月数:36个月’,‘每月300元’,‘总计:10800元’。”
AI 输出了 WXML 和 WXSS 代码,我复制进微信开发者工具,页面立马出来了!
样式不好看?我再问:
“请把字体调大一点,加个可爱的小图标,背景用浅粉色。”
AI 修改代码,瞬间变温馨可爱。
第3步:核心计算逻辑也靠AI

我让AI帮我写计算函数:
“如果宝宝出生日期是2025年3月1日,今天是2025年8月18日,能领多少个月?总共多少钱?”
AI 用 JavaScript 写了一个日期差计算函数,自动算出:

  • 已领:5个月
  • 剩余:31个月
  • 总计:10800元
我把代码放进项目,绑定事件,点击就能实时计算!
第4步:调试?AI来救场

遇到报错 Invalid Date?我把代码发给AI:
“这个日期选择器为什么显示NaN?”
AI 说:“你没处理日期格式转换。”
我按提示加了一行 new Date(),问题解决。
就这样,我没有写一行原始代码,但整个小程序跑起来了
四、我的小程序:育儿快算
来源:豆瓜网用户自行投稿发布,如果侵权,请联系站长删除

相关推荐

您需要登录后才可以回帖 登录 | 立即注册