用两天时间,做了一个完全用AI生成的一个网页demo,0手写,实时数据源,真实可用。
预览地址:
quake-monitor-peach.vercel.app标题也是AI自己起的,数据源是它自己网上搜的公开接口,一共有三个,一个做主要源,另外两个作为备用。
功能也是它自己根据生成的需求文档做的,可以自定义筛选日期、快捷选择时间段、筛选震级、信息统计,点击右侧列表里的某条信息可以自动定位到目标点并弹出详情。
起因是上周我妈说老家最近总是有很多小地震,于是我看了下中国地震台网的小程序,只显示3级以上的地震,再小的就不显示了。然后看地震台网的电脑端(
news.ceic.ac.cn),风格太老土了,像上个世纪的网页。
于是我就想,能不能自己做一个地震监测的可视化大屏呢,就把这个需求告诉了AI。
模型采用的是kimi新出的k2.5,工具是codebuddyCN和traeCNsolo。使用两个是因为我想对比下两个工具是使用区别,所以开始用的前者生成的初版,之后用后者优化的细节。
本地运行正常后,想发给别人看,就得部署上线。AI告诉我,可以先上传到github,然后部署到vercel。这个东西以前只听说过但没具体用过,然后我就根据AI的提示,一步一步来。
但是这其中又经历了好多之前没做过的事,遇到了很多没遇到的问题。比如数据接口遇到了跨域问题,比如不知道怎么用终端命令行上传到git,不知道怎么配置。期间还搞错了,在系统根目录下初始化了git仓库,导致每次执行git命令都会扫描我电脑里的所有文件。然后重建git重新关联远程仓库,又遇到合并冲突的问题……
所有的绊脚石,AI都一步一步教我解决,让我这个完全不懂代码的普通人,也能做出自己想要的东西。