用 Codex 从零撸习惯打卡微信小程序-实战篇
很多同学做小程序实战，要么搞复杂登录支付，演示就报错；要么写个 TodoList，业务太单薄看不出真实能力。
✅这个习惯打卡小程序优势：
1️⃣纯前端 + 本地 Storage，0 后端，复制到微信开发者工具直接运行，演示不会翻车
2️⃣业务真实：习惯新增、每日打卡、日历回溯、连续打卡计算、数据统计，覆盖小程序高频业务场景
3️⃣重点考验 AI 处理日期算法，非常适合展示大模型写业务逻辑的真实水平
4️⃣4 个底部 tab：打卡页｜习惯管理｜打卡日历｜数据统计，完整产品形态，不是玩具 demo
📱实现效果
🔹打卡首页：展示今日日期、连续打卡天数、今日完成进度条，点击勾选完成习惯打卡，记录打卡时间
🔹习惯管理页：新增、编辑习惯，查看每个习惯累计打卡天数
🔹打卡日历页：月份切换，日历标记打卡日期，选中日期查看当日全部打卡记录
🔹数据统计页：连续打卡、累计天数、本周完成率，近 7 天柱状图表，习惯完成排行
🎯完整 Codex 提示词，直接复制就能用
把下面整段 prompt 丢给 Codex，直接输出整套小程序页面代码
示例提示词：
编写一套4tab底部导航的微信习惯打卡小程序，只使用wx本地Storage存储，禁止云开发、后端接口，输出所有页面wxml/wxss/js/json，注释清晰，适合实战演示。 功能清单： 1.打卡首页tab：展示当前日期问候语、总连续打卡天数、今日完成进度，习惯列表，点击勾选完成打卡，记录打卡时间； 2.习惯管理tab：新增习惯项，编辑已有习惯，展示每个习惯累计打卡天数； 3.打卡日历tab：可切换年月的日历组件，标记打卡日期，选中日期查看当日打卡记录； 4.数据统计tab：统计连续打卡、累计打卡天数、本周完成率；近7天打卡柱状图，习惯完成排行； 全部数据持久化本地storage。
✨这套项目完整代码我已经调试完成。
👉想看完整可直接运行全套源码的，评论区扣【打卡】。
关注我，持续更新 AI 生成小程序真实实战，拒绝无效玩具 Demo。
点赞多，后面发出实战视频
AI编程 codex 微信小程序实战 小程序开发 大模型写代码 编程学习 提升行动力 碎片化时间利用 小程序制作