跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptWeChatAI大前端算法

拒绝第三方收费:我用 AI 3 小时开发羽毛球助手小程序

羽毛球活动组织常遇第三方收费问题。记录利用 AI 辅助编程工具(如 Cursor),从零构建微信小程序的全过程。涵盖需求描述、排赛算法实现、界面迭代及多轮对话优化。对比传统开发流程,展示了 AI 在降低技术门槛、快速响应业务痛点方面的效率优势,强调精准描述需求与验证交付质量的重要性。

开源信徒发布于 2026/4/7更新于 2026/8/2355 浏览
拒绝第三方收费:我用 AI 3 小时开发羽毛球助手小程序

因为不想付 10 块钱,我花 3 小时用 AI 写了个羽毛球助手小程序

'国人最受不了收费了'——这句话道出了多少开发者的心声。当组织羽毛球'转转'活动都要被第三方平台薅羊毛时,我选择了一条更硬核的路:自己造一个。

一、导火索:10 块钱引发的'技术觉醒'

事情是这样的。

我们有个羽毛球群,每周组织'双打多人转'活动——4 片场地、十几号人、轮换搭档,用小程序来排赛程、记比分、算排名,本来挺方便的。

直到某天,群里有人发了张截图:

在这里插入图片描述

10 块钱。不多,但够膈应人的。

更膈应的是,这个工具的功能其实很简单:

  • 录入人员名单,自动生成轮换对阵
  • 支持 21 分制记分,最高 30 分封顶
  • 实时积分榜,按胜率排名

就这点功能,要收 10 块?

群里瞬间炸锅:

  • '这钱够买个羽毛球了'
  • '下次我 Excel 手写轮次表'
  • '有没有免费的替代方案?'

那一刻,我脑子里闪过一个念头:既然找不到免费的,不如自己撸一个。

但问题来了——我是 Java 后端出身,小程序开发?不会。微信生态?不熟。前端页面?能看懂但写不快。

搁以前,这事可能就黄了。学习成本太高,时间成本更高。

但现在不一样了。我们有 AI。

二、需求即代码:把想法'翻译'给 AI

打开 Cursor(内置 Codex 模型),我直接甩了一张手写规则图,然后开始'说话写代码':

生成一个羽毛球助手小程序,支持发起羽毛球双打多人转活动,赛制可参考图片中的规则,支持多片场地同时开启,支持记录每局比分,比分规则按 21 分惯例记录,最高可到 30 分 

就这么一句话。没有技术文档,没有原型设计,没有数据库 ER 图。

8 分钟后,Codex 给了我这个:

在这里插入图片描述

它干了什么?

  • 自动识别出这是微信小程序技术栈
  • 生成了完整的 pages/index/index.js 业务逻辑
  • 实现了轮转排赛算法(优先减少重复搭档、均衡上场次数)
  • 适配 4-13 人场景,支持多片场地并行

更离谱的是,它还主动告诉我:

'排赛逻辑会优先减少重复搭档并尽量均衡上场次数'

这简直是 AI?这分明是一个懂羽毛球的产品经理 + 全栈工程师!

三、迭代:从'能用'到'好用'的三轮对话

重构页面结构

初版页面太简陋,我截了张竞品 APP 的图扔过去:

像这样,比赛、排名、跟对阵拆分成三个 tab 页面 

2 分 30 秒后,三栏布局完成。

  • 比赛页:活动概览、配置、逐场录分
  • 排名页:个人积分榜独立展示
  • 对阵页:按轮次分组,每片场地的对阵和比分状态

Codex 还主动提议下一步优化:

'可以补报名卡片、组织者信息卡、底部固定操作栏…'

它会预判你的需求。

突破人数限制,增加性别判定

测试时发现,初版限制 14 人。我们群有时候能来 20+ 人。

刚试了下 14 个人被限制了,做成无限制的,且支持输入性别,支持生成轮次时勾选不生成男双对女双 

4 分 17 秒后,核心逻辑更新:

改动点:

  • 人数限制放开(至少 4 人即可)
  • 名单支持 姓名 性别 格式录入
  • 新增'禁止男双对女双'选项(业余混打常见规则)

它还顺手解决了BOM 编码问题——微信开发者工具经常因为 UTF-8 BOM 头报错,Codex 主动统一转了无 BOM 编码。

这种细节,连老司机都会漏。

打磨体验,上线真机

最终交付的界面长这样:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

视觉风格:

  • 顶部 Tab 切换,橙色高亮当前页
  • 卡片式布局,信息层级清晰
  • 性别用🎀图标区分,直观不突兀
  • 比分输入框支持直接编辑,保存即生效

功能闭环:

  • ✅ 创建活动 → 配置场地数 → 导入名单
  • ✅ 自动生成轮次 → 逐场录入比分
  • ✅ 实时积分榜 → 按胜率/净胜分/小分排序
  • ✅ 对阵回溯 → 查看历史场次结果

四、技术复盘:AI 编程到底改变了什么?

1. 从'学习技术'到'描述需求'

传统开发路径:

学小程序框架 → 看微信文档 → 写 WXML → 调样式 → 踩坑 → 再调样式 → 终于能看了

AI 辅助开发路径:

描述需求 → AI 生成 → 验证效果 → 提出修改 → AI 迭代

时间对比:前者 3 天起步,后者 3 小时可用。

2. 复杂算法的'零成本'实现

这个小程序最硬核的部分是轮转排赛算法:

  • N 个人,M 片场地,如何生成最优轮次?
  • 约束 1:避免重复搭档
  • 约束 2:均衡上场次数
  • 约束 3:可选性别匹配规则

让我手写?查论文、推公式、debug,至少一天。

Codex 直接生成了 utils/scheduler.js,还附带注释说明策略逻辑。

3. 全栈能力的'民主化'

以前全栈工程师是稀缺物种。现在:

  • 后端开发可以'说'出前端页面
  • 产品经理可以'说'出可运行原型
  • 业务专家可以'说'出领域工具

技术门槛被抹平,只剩下两个核心能力:

  1. 精准描述需求(知道想要什么)
  2. 验证交付质量(知道什么是好的)

五、写在最后:需求创造执行力

回到开头那个 10 块钱的问题。

如果放在 5 年前,我可能:

  • 默默付费,或者
  • 用 Excel 凑合,或者
  • 抱怨两句然后放弃

但 AI 编程给了我们第三种选择:自己动手,丰衣足食。

这不仅仅是省了 10 块钱。更重要的是:

  • 我们有了完全可控的工具,不再依赖第三方平台的定价策略
  • 我们可以快速响应群里的特殊需求(比如'禁止男双对女双'这种小众规则)
  • 我们理解每一行代码,随时可以改、可以扩、可以迁移

这就是'需求创造执行力'的本质——当技术门槛足够低时,任何一个痛点都可能成为创新的起点。

附录:核心 Prompt 技巧

如果你也想试试这种开发模式,几个经验:

技巧示例效果
给参考图'赛制可参考图片中的规则'AI 自动识别图片中的业务逻辑
明确约束'21 分制,最高 30 分封顶'减少歧义,一次到位
渐进式迭代先跑通主流程,再优化体验降低单次沟通复杂度
要求解释'为什么这样设计?'理解 AI 决策,便于维护

'最好的代码,是你不需要写的代码。'

但比那更好的,是你用三句话就能让 AI 写出的代码。

目录

  1. 因为不想付 10 块钱,我花 3 小时用 AI 写了个羽毛球助手小程序
  2. 一、导火索:10 块钱引发的“技术觉醒”
  3. 二、需求即代码:把想法“翻译”给 AI
  4. 三、迭代:从“能用”到“好用”的三轮对话
  5. 重构页面结构
  6. 突破人数限制,增加性别判定
  7. 打磨体验,上线真机
  8. 四、技术复盘:AI 编程到底改变了什么?
  9. 1. 从“学习技术”到“描述需求”
  10. 2. 复杂算法的“零成本”实现
  11. 3. 全栈能力的“民主化”
  12. 五、写在最后:需求创造执行力
  13. 附录:核心 Prompt 技巧
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Python 爬虫基础与实战指南
  • OpenClaw 本地 AI 助手:架构、功能与适用场景解析
  • Jetson + OpenClaw + 飞书机器人:构建边缘设备 AI Agent 远程交互系统
  • C++ STL 核心基础:迭代器、auto 与范围循环
  • WinSCP 下载安装与服务器连接配置指南
  • 百度 Q2 财报发布:大模型与自动驾驶驱动业绩增长
  • AI Agent 安全警示与 Python 开发工具演进
  • 深入理解 Linux 基础 IO:从 C 库到系统调用
  • 机器人架构搭建核心准则:先论文论证后工程落地
  • DFT 中的 OCC 架构:On-Chip-Clock Controller 设计与原理
  • 从 try-catch 回调到链式调用:更优雅的 async/await 错误处理方案
  • 前端异常捕获与统一格式化:从 console.log(error) 到服务端上报
  • Linux 进程与 fork 系统调用详解
  • Meta-Llama-3-8B-Instruct 部署常见问题与解决方案
  • PyCharm 2025.2 安装教程与版本更新详解
  • PySide6 入门指南:环境搭建与 QML 基础
  • 立创开源智能家居键盘SmartKB32_v2:基于ESP32-S3的蓝牙/有线双模多功能控制器设计详解
  • LLaMA-Factory 微调至高通 NPU 部署:Qwen-0.6B 全链路移植指南
  • ComfyUI Photoshop 插件配置与 AI 绘画工作流实战
  • 小红书笔记详情 API 数据结构与调用方式解析

相关免费在线工具

  • 加密/解密文本

    使用加密算法(如AES、TripleDES、Rabbit或RC4)加密和解密文本明文。 在线工具,加密/解密文本在线工具,online

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Gemini 图片去水印

    基于开源反向 Alpha 混合算法去除 Gemini/Nano Banana 图片水印,支持批量处理与下载。 在线工具,Gemini 图片去水印在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online