【Code With SOLO】我用 SOLO 搭建了一个奶盖幸运点名小程序(已开源)

1.摘要:

我用 TRAE SOLO 制作一款奶盖幸运点名的轻量级随机点名工具(微信小程序),三种点名模式,一键抽取幸运儿,告别死板点名,好玩又有趣!

2.背景:

作为一名创客教师,在教授课程时,经常需要快速随机点名来让学员回答问题或参与互动。

毫无疑问,教师高频的日常操作之一就是课堂点名了。

原来的点名方式存在以下问题:

  • :cross_mark: 传统点名方式单一(按学号、按座位)

  • :cross_mark: 缺乏趣味性和公平感,学员参与度不高。学生注意力不集中,被点到时又措手不及。

  • :cross_mark: 难以满足多场景的需求

  • :cross_mark: 难以记录抽取历史,互动数据难以追溯

参加 SOLO 挑战赛后,我决定用 SOLO 来帮助我开发一款简单、有趣的点名工具。

同时,点名/抽签的需求远不止"点人名"——生活中还需要随机抽取话题、题目、小组任务、奖品等"物名"。现有工具大多只支持人名抽取,点物名是一个容易被忽视的刚需场景。

3.实践过程:

环节 工具 说明
AI 辅助编码 Trae 官网
官方调试 微信开发者工具 官网
UI 组件 TDesign MiniProgram组件库 官网
存储 微信本地存储 API
版本管理 Git 源码

使用 TRAE SOLO 完成任务的完整流程:

  • 我在 SOLO MTC 模式描述了点名的使用场景和需求:

    • 沉浸式奶粉盖转盘点名微信小程序。一键转动幸运转盘,随机抽取人名,幸运抽签,画风软萌治愈,告别死板点名,好玩又解压。
  • 一开始只讲了转盘这个好玩的点,传了张豆包生成的图。SOLO 帮助我完成小程序转盘的基础结构开发,后面一步步补充和完善需求,跟SOLO以及完成支持多名单管理的数据结构,页面架构设计,一步步打磨直至核心功能实现。

  • 中间踩过什么坑

    • 数据迁移:原有数据和新数据结构不兼容,SOLO 帮我编写了迁移脚本

    • 转盘分区:人数多时分区显示成为问题,SOLO 优化了分区算法

    • 性能:SOLO 帮我进行了性能优化和排查BUG

4.成果展示:

B站视频【Code With SOLO】我用 SOLO 搭建了一个奶盖幸运点名小程序

  • 风格:软萌治愈风,采用奶粉盖造型,搭配可爱奶牛元素

  • 核心价值

  • :ferris_wheel: 三种点名模式,满足不同场景的点名需求

    • 转盘模式适合正式场合,比如用转盘点名让学员上台展示作品,仪式感满满;
  • 快速点名适合批量点名,模仿幸运箱抓阄的效果;

  • 幸运指针趣味性强,适合朋友聚会或体验课破冰使用。

  • :clipboard: 灵活管理:创建、删除、重命名多个名单,切换方便、批量导入导出

  • :wrapped_gift: 双模式切换:人名模式/物名模式自由切换,既可以点学员名,也可以点物名抽奖

  • :counterclockwise_arrows_button: 不重复抽取:智能去重,确保每次点名都是新鲜体验

  • :bar_chart: 抽取历史:记录每次抽取结果,便于追溯和复盘

  • :trophy: 成就与数据统计:友好的使用引导与习惯养成

5.效果与总结:

提效成果

  • 互动参与度还在进行中,有待测试,不过小程序不太适合多数师生的教学实际,学生无法使用手机,教师在教室使用手机也并不方便,后续计划设计跨终端的方案,在电脑上来操作更直观一点。
  • 这原本不敢想象的开发工作量(掉头发)),居然几天时间吭哧吭哧搞完了,太爱了:growing_heart:

SOLO 的作用

  1. 需求分析:帮我把模糊的想法转化为具体功能
  2. 架构设计:设计合理的数据结构和页面架构
  3. 功能实现:快速生成代码,实现三种点名模式
  4. 问题解决:遇到兼容性、性能问题时提供优化方案

可复用的方法

  • 先用 SOLO 分析教学痛点,明确核心需求
  • 分阶段实现功能,每个阶段都让 SOLO 参与
  • 结合教学场景选择合适的点名模式

通过这次实践,我深刻体会到 AI 编程工具对教育工作以及生活的帮助。SOLO 不仅帮我快速开发小程序,让想法快速落地,更重要的是帮我理清了产品思路,让一款简单的点名工具变成了有趣的互动神器:growing_heart:感谢AI时代,感谢 Trae 提供的好用工具:folded_hands:

1 个赞

哈哈,这PPT风格的项目说明,一看就是老师做的。点名随机安排任务这个点挺实在,不过"点物名"这个解法会不会有点绕?一个普通抽奖转盘可能更直接吧。

感谢反馈 :rofl:视频或者项目简介可能没讲清楚,已补充了部分截图。物名和人名共用的转盘、幸运箱,然后只是UI和文案显示不一样 :face_with_hand_over_mouth: