【Code With SOLO】我用 SOLO 五一假期这几天从0到1开发了一个「玩转盘」小程序,解决了我的选择困难症

“中午吃什么?”这个每天困扰无数人的问题,终于有解了。

作为一个多少有点选择困难症的人,我决定用 SOLO 开发一个真正好用的决策助手,「玩转盘」微信小程序。

用SOLO,一个五一假期搞定了,从一句"我想做个转盘小程序"的想法,到拥有自定义转盘、AI 智能生成、热门模板等完整功能的上线产品。这不仅是一个工具的诞生,更是我第一次使用Code With SOLO开发一个完整小程序的过程。

下面是项目的详细介绍。

一、摘要

面向有选择困难症的用户,在日常决策场景下提供随机转盘抽取能力,目前已经完成了整个小程序的开发,并且已经上线了,可以搜索到,小程序一共包含 4 个核心页面、云开发数据库存储、AI 智能生成选项等功能。

二、真实场景与需求

1、目标人群

有选择困难症的用户,以及需要在聚会、团队活动等场景下进行随机决策的人群。

2、痛点描述

每天我们都会面临无数次选择:中午吃什么?周末去哪玩?谁来做家务?这些看似简单的决定,往往会让我们纠结很久。特别是在多人场景下,“你来决定”、“随便”、"都行"成了最常见的对话,最后要么不欢而散,要么随便选一个又心里不舒服。

2、现有做法

抛硬币/猜拳,只能二选一,选项多了就没法用

三、作品介绍

我做了一个叫「玩转盘」的微信小程序,核心功能包括:

1、核心功能

1)自定义转盘:用户可以创建自己的转盘,设置任意选项

2)热门转盘模板:内置"今天吃什么"、"真心话大冒险"等热门模板,一键保存使用

3)AI 智能生成:输入场景描述,AI 自动生成相关选项,比如输入"周末去哪玩",自动生成"公园散步、看电影、爬山…"等选项

4)抽取记录:记录每次抽取的结果和时间,方便回顾

2、技术架构

- 前端:微信小程序原生开发

- 后端:腾讯云开发 CloudBase

- 数据库:云开发文档型数据库

- AI 能力:云函数 + 大语言模型

四、用 SOLO 实现的过程

这是我第一次用 SOLO 开发一个完整的小程序项目,整个过程让我印象深刻。

1、项目初始化

一开始我只是有个想法,跟 SOLO 说:“我想做一个转盘小程序”。SOLO 帮我:

- 生成了完整的项目结构

- 创建了 PRD 文档

- 设计了数据库结构

- 规划了页面路由

关键 Prompt:

```

我要做一个转盘小程序,帮助有选择困难症的用户做决定。

核心功能:自定义转盘、热门模板、AI生成选项、抽取记录。

```

2、页面开发

SOLO 帮我开发了 4 个核心页面:

1)首页(转盘页)

- 最有挑战的是转盘动画效果,SOLO 用 CSS `conic-gradient` 实现了扇形背景,用微信小程序的动画 API 实现了转动效果

- 遇到一个坑:转盘文字的方向问题,SOLO 调试了好几次才让文字正确朝向扇形中心

2)列表页

- 两个 Tab:热门转盘 + 我的转盘

- SOLO 帮我实现了从云数据库读取数据,还处理了加载状态、空状态、错误状态

3)编辑页

- 这是最复杂的页面,包含选项管理、批量添加、AI 生成等功能

- SOLO 帮我实现了选项的增删改,还有去重逻辑

4)记录页

- 展示抽取历史,支持单条删除和一键清空

3、数据库设计

SOLO 帮我设计了两个核心数据表,分别为用户转盘表和系统热门转盘表,设计好表后还会调用云开发的mcp自动创建,整个过程真的很省心。

4、云函数开发

SOLO帮我实现了 AI 生成选项的云函数功能:

```javascript

// 云函数:generateOptions

exports.main = async (event, context) => {

const { scene } = event;

// 调用大语言模型生成选项

// 返回格式化的选项列表

};

```

5、踩过的坑

坑 1:openid 获取问题

- 一开始我在前端直接调用 `wx.cloud.getOpenId()`,但 SOLO 告诉我云开发会自动在数据库记录中添加 `_openid` 字段,不需要手动处理

- 后来改成了在云函数中获取,更加安全

坑 2:数据库权限

- 刚开始用户无法读取自己的转盘数据,SOLO 帮我设置了正确的数据库权限规则:“仅创建者可读写”

坑 3:页面数据同步

- 从编辑页返回首页时,数据没有刷新。SOLO 教我用 `needRefresh` 标记来解决这个问题

坑 4:WXML 表达式限制

- 在模板里直接调用 `Object.keys()` 不生效,SOLO 帮我把计算逻辑移到了 JS 中预处理

五、成果展示

1)小程序截图

首页 - 转盘页

列表页,热门转盘和我的转盘

编辑页,选项编辑和智能生成选项

抽取记录页

小程序码

2)主要功能说明

- 转盘转动动画流畅,支持 1-10 秒自定义时长

- 热门转盘一键保存到"我的转盘"

- 懒得自己写选项,可以用 AI 直接帮你生成,支持多选添加

- 抽取记录按时间分组,支持删除和清空

六、验证方式与下一步

1)实际使用测试

- 我自己每天都在用"今天吃什么"转盘决定午餐

- 朋友聚会时用"真心话大冒险"活跃气氛

- 团队活动中用转盘决定谁去买奶茶

2)功能测试

- 所有核心功能都经过测试:创建、编辑、删除、转动、AI 生成

- 边界情况处理:选项少于 2 个时的提示

3)用户反馈

- 朋友反馈:界面好看、操作简单、AI 生成功能很实用

- 改进建议:希望增加更多热门模板

七、总结

这个项目从想法到完成,全程都有 SOLO 陪伴。作为一个开发者,我最大的感受是:

SOLO 不只是写代码,更是帮我思考和解决问题。

- 我说"想做个转盘",SOLO 帮我规划了完整的产品架构

- 我遇到 bug,SOLO 不只是给代码,还会解释原因

- 我不确定方案时,SOLO 会给出多个选择让我决定

开发这个小程序的过程中,我也学到了很多:

- 微信小程序的动画 API

- 云开发的数据库和云函数

- 如何设计一个完整的产品

最重要的是,我终于不用再纠结"中午吃什么"了,让转盘来决定!

感谢 SOLO 挑战赛,让我有机会把一个小想法变成真实的产品。如果你也有选择困难症,欢迎来试试我的「玩转盘」小程序!:ferris_wheel:

最后,附SOLO使用截图:

牛13 :+1:

1 个赞