匿名职言 🐟 从零到一:我用 Cursor 搓出的摸鱼打卡小程序

杜烨霖 · 2025年07月14日 · 最后由 在路上 回复于 2025年07月15日 · 1399 次阅读

废话不多说,先上图

1. 💡 萌生"鱼"意

只因在掘金刷到一位资深前端小姐姐用 Cursor 零基础搭建自律打卡小程序的文章,瞬间被种草了!🌱

但我转念一想:
2025 年了,
时经济将下未下,
各家裁员一触即发,
与其自律打卡,
不如科学摸鱼!
毕竟我也是摸鱼的好手,
毕竟摸鱼也是一门艺术,
所以需要业余的工具来记录和分享。

于是乎,趁着 Cursor 的试用期,我利用 15 个午休时间,从构思到上线(审核备案认证用了 8 天,真坑),搓出了这款 “渔务日记” 小程序。

核心理念:既然要摸鱼,就要摸得有仪式感,摸得有成就感!

2. 🤔 怎么构思需求

以前总是吐槽产品经理写需求不清楚,轮到自己当产品时才发现:写需求真的太难了!

初期の困惑:

  • 功能要做多复杂?
  • 用户真的需要这些功能吗?
  • 怎么平衡功能丰富度和简洁性?
  • 怎样有意思些?
  • 我真的好像加很多动画,但是性能不允许

最终确定思路:

  • 应该是从自己的痛点出发 : 我想要什么样的摸鱼工具?
  • MVP 原则 :先做最核心的功能,再逐步迭代
  • 用户视角 :站在同样想摸鱼的打工人角度思考

核心功能设计:

⏰ 摸鱼计时 - 记录每次摸鱼时长
🏆 徽章系统 - 让摸鱼也有成就感
📊 数据统计 - 看看自己的摸鱼水平
🎨 海报分享 - 炫耀摸鱼成就(这个很重要!)

3. ☁️ 数据交互和云开发尝试

作为一个外行,第一次接触微信云开发:

  • 技术选型:
    前端:微信小程序原生开发
    后端:微信云开发(云函数 + 云数据库)
    AI 助手:Cursor(真香!)

  • 云开发的优势:
    🚀 零运维 - 不用自己搭服务器
    🔒 天然安全 - 微信生态内的数据安全
    💰 成本相对较低 - 支持月付

  • 数据设计思路:
    本地存储为主,云端备份为辅
    用户数据加密存储
    支持数据导入导出

  • 做些简单的测试

4. 🕳️ 踩过的坑

  • 小程序申请过程中的坑:

    • 小程序名称命名很坑,多个名字涉及到商标或者重名
    • 小程序名词审核很坑,多种限制且不能带误导歧义的词
    • 小程序备案流程很坑,初审很快,但是正审花了 6 天
    • 小程序需要认证,认证费 30 块钱大洋,这个认证就是有人打电话给你,问几个问题。。。。。🌱!
  • 小程序隐私审核的坑

    • Canvas 海报生成保存需要相册权限,体验服开发服都正常,现网却要隐私认证。。。。
  • AI 生成的坑

    • 需要一步一步的说清楚需求,否则已有功能会被改动
    • AI 写代码想得很多,也因为想得太多,导致过度设计和过度实现

🎯 写在最后
这个项目是纯粹无聊实现着玩的,有些使用心得:

  • AI 编程助手真的能提高开发效率,但核心思路还是要自己想
    • 产品思维比技术实现更重要,好的需求设计是成功的一半

当然如果你也想体验科学摸鱼,欢迎搜索"渔务日记"小程序!

让我们一起,把摸鱼这件事做到极致! 🐟✨

共收到 7 条回复 时间 点赞

你这个小程序比我们公司的那些垃圾马甲包做的好多了,果然 C 端产品和前端还是得招可爱妹子,我这就去建议我们 boss 把那群屌丝直男都开了

0 基础吗,这个 ui 真的很棒啦

确实不错👍

杜弘文 回复

真的吗😂 ,脑中想的功能很多,但是又不能堆叠进去

这 ui 嘎嘎优秀

UI 太赞了

真的优秀

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册