零基础AI实战:3天做出「高考倒计时+志愿指南」小程序(家长刚需)
> 📅 不联网查日历|不对接教育局API|政策文本AI生成|可直接交付家长群
大家好,我是RD!每年6月,「高考倒计时」小程序咨询量暴增。今天教你用AI把它做成有温度、有信息、能传播的产品,而非冷冰冰的数字。
---
🌟 功能规划(全部AI生成)
| 模块 | AI实现方式 |
|--------|-------------|
| 倒计时 | new Date()计算,Claude写防时区bug代码 |
| 政策速读 | Prompt让Claude总结2024各省新高考政策(100字/省) |
| 院校查询 | 生成TOP100院校JSON(名称、双一流、平均分、特色专业) |
| 心理加油站 | AI生成5条考前减压语音文案(供微信播放) |
---
📆 Step 1:智能倒计时(防坑版)
新建 countdown.js,Prompt:
// 写一个getDaysToGaokao()函数,返回距离2025年6月7日的剩余天数。
// 要求:
// - 自动适配用户本地时区(不硬编码UTC)
// - 显示“距高考还有XX天”,若≤7天则加🔥图标
// - 若当天是6月7日,显示“今日高考!稳住!”
// - 用Date.now(),不依赖第三方库
✅ 解决了零基础最怕的「时间计算偏差」问题。
---
📚 Step 2:政策与院校内容生成
在Cursor中新建 data/content.js,输入:
// 生成JavaScript对象:
// const policies = {"北京": "3+3模式,英语可考两次取高分...", "浙江": "7选3,赋分制..."};
// const universities = [
// {name:"清华大学", type:"985/双一流", score:"680+", major:"计算机、建筑"},
// ...共100所,覆盖985/211/双非强校
// ];
// 数据需真实可信(参考阳光高考网2024公开信息)
Claude将输出结构化、可直用的数据模块。
---
🎧 Step 3:心理语音文案(提升传播性)
Prompt:
// 生成5条高考心理辅导语音文案,每条≤25字,口语化,带emoji:
// 例:"呼吸~吸气4秒,屏息4秒,呼气6秒 🌬️ 你已经准备好了!"
粘贴进HTML,用标签或微信wx.playVoice(Claude可写兼容代码)。
---
📱 Step 4:交付即赚钱
---
✅ 你学会了什么?
> 💡 真实案例:成都李老师定制「树德中学专属版」,一周接单17个,收入6200元。
现在就开始吧!复制本教程Prompt,跑通第一个倒计时。做完记得来woshird.com打卡,领《教育类小程序10大爆款选题》。
---
📌 技术本质:HTML/CSS/JS是载体,理解用户、组织信息、建立信任,才是程序员不可替代的价值。