论我一个后端,摸鱼时是如何用cursor+trae开发一款小程序并上线的
一、摸鱼契机：掘金贴子把我“钓”成了翘嘴
周五 10:28，刚把代码提交，我习惯性打开稀土掘金摸鱼。
首页飘着一个标题：“前端小姐姐 7 天撸了个打卡小程序，日活 1k+”。
我啪一下就点进去了，很快啊！看完只有一个念头：
“都是写 CRUD 的，凭啥她能有小程序，我就只能给运维背锅？”
于是当场立 flag：下个月发版前，我也要有一个自己的小程序——上班划水也要划得有价值！
二、技术选型：让前端 0 基础的后端也能起飞
1. 开发工具：Cursor × Trae——“嘴炮式”编程
- Cursor：自带 GPT-4 的 IDE，Tab 键=召唤术，注释一句“生成一个日历打卡组件”，它真给你写好了 uniapp + JS，顺带把边界条件都考虑全。
- Trae：国产自研 AI 编程插件，最香的是“中文语义补全”。我敲“// 获取用户连续打卡天数”，它直接代码补全，比我自己写还快。
一句话：这俩加起来，就是后端摸鱼党的意大利炮。
2. 全家桶：若依前后端分离版——“拿来吧你”
- 后端：若依 SpringBoot，一键生成代码，swagger 文档自带，我只需要写业务接口。
- 管理后台：若依 Vue，权限、菜单、字典全配好，打卡数据列表页 5 分钟搞定。
- 小程序端：若依 uni-app 模板，直接编译到微信小程序，连 tabBar 都给我整明白了。
结论：若依 = 生产队里的驴，让我专注划水。
三、UI 设计：后端审美也能“高级感”
1. 颜色
打开 oulu.me，随手抓了一套渐变：#667eea → #764ba2，往导航栏一贴，瞬间有了“ins 风”。
2. 图标
阿里巴巴矢量图标库关键词“checkin / continuous / flame”，下载 SVG，丢到代码里直接使用,我管他三七二十一!
3. 布局
参考 其他小程序打卡日历，Cursor 里一顿输出，回车即得。
最终效果：产品妹子路过我工位，愣是没看出来是后端写的，还问我是不是外包了 UI🤫。
四、上线踩坑：从“本地一把梭”到“微信教我做人”
1. 内容安全接口
- 用户上传打卡文案，先调
msgSecCheck，结果把“累成狗”判成了虐待动物，直接返回 87014。 - 解决方案：同义词替换接口 + 敏感词白名单，把“狗”换成“修勾”，审核小姐姐终于笑了。
2. 媒体检测
- 用户头像要走异步审核，我一顿操作猛如虎,还要验证服务器,废了九牛二虎之力才搞定,不得不说还是微信云开发方便。
3. 域名备案
- 后端接口域名
api.***.cn，我直接去备案,啪的一下啊,很快啊! 漫长的等待了一个多周的工作日才审核通过。
总结：微信审核就像产品经理，总能找到你没想到的 edge case。
五、结语：摸鱼的最高级，是把摸鱼变成产出
以前，我上班偷偷刷抖音刷小破站，怕被领导发现。
现在，我光明正大划水，两三周上线一个小程序。
所以，兄弟们，摸鱼也要摸得有追求：
“划水不是摆烂，是用 AI 和开源项目，把自己从 CRUD 男孩进化成全栈老板。”
“下次摸鱼迭代我的小程序,优化界面,添加功能。 哦对了,我的小程序叫 30天冲鸭打卡 感兴趣的小伙伴可以看看,有好的优化建议,功能提议也可以提喔,毕竟优化永无止境,下面列几张截图给小伙伴们看看吧! ”
