Lazy loaded image
AI应用案例:开发一个抽奖小程序,应用于各类抽奖活动,随机问答场合。
字数 1256阅读时长 4 分钟
2025-9-23
2026-5-15
type
Post
status
Published
date
Sep 23, 2025
slug
summary
自定义场合,自定义抽奖工具
tags
AI编程
AI工具
建站
cursor
成长
工具
开发
category
技术分享
icon
password
comment
Show
AI让许多我们以前不敢想的事情变成了可能,今天继续分享AI应用案例,通过AI高校开发一个抽奖小程序,用于学院50周年庆祝晚会。

背景

学院要举办五十周年庆祝晚会,抽奖自然是其中必不可少的环节,知道我对各种网站应用颇有研究,于是这个任务就安排到了我的头上。
找一个或者自己做一个应用,用于学院庆祝晚会抽奖,要契合活动氛围,界面美观,尽可能的漂亮。
接到任务的第一时间自然是想到网上也许有类似的网站或者开源项目,于是网上各种寻找,但是事实不尽如人意,大多数页面实在是简陋得很,自己弄了玩玩无上大雅,用于学院庆祝晚会则是上不得台面。
为了能够完美地完成此次工作,于是想到使用AI开发。其实刚接到任务的时候就想到,但是如果有现成的,那也就没必要重复造轮子,但是现实看来,自己动手是有必要的。

Cursor完成开发

目前我用的最多的AI编辑器是Cursor,虽然Claude Code名声在外,但是一直没有解决网络的问题,没办法使用。
这个抽奖小程序的功能其实很简单,无非就是根据已有名单随机的抽几个出来,同时确保一二三等奖不重复。
如下图,只需要一次对话,AI就完美的实现了我的需求,但是也可以明显的看到,这个界面并不比网上的好多少,优化是必然的/
notion image
这个程序的开发前前后后用了大概七小时,基本上所有的时间都用在界面美化上,最终的结果如下:
可以根据抽奖的人数设置中奖号码数量,点击开始抽奖,小球会慢慢的转动起来,速度越来越快,点击停止抽奖,小球又回慢慢的停下来,整个抽奖过程非常流畅,没有任何突兀感。
停止后中奖号码会一个一个的跳动出来,更加调动现场氛围,气氛更活跃,当中奖号码全部显示完全后,会出现各种庆祝特效,完美契合活动需要。
点击重置,界面上中奖号码消失,进行下一批次的抽奖,同时它会缓存此次的中奖号码,确保下一批次和前面的不会重复。
如果想要完全开始新一轮的抽奖,点击网页即可。

开发总结

可以发现,其实功能的实现并不复杂,难的是如何更好地呈现;换句话说,客观的,功能性的东西可以靠AI,但是审美千差万别,AI很难简单的做到我们的需要。
当AI的能力逐渐提升,可以帮我们解决绝大多问题的时候,审美或许就是每个人独特的竞争力了,你所展现的,就是你的审美。

后续计划

这个小程序的页面其实非常漂亮,所以我不打算轻易放弃,基于现有功能,可能有下面几种开发方向:
  1. 目前的抽奖需要配合抽奖券实现,而且数字也比较简单,后续可以增加一个表格,表格里是所有的参与抽奖的人数数据,比如学号、姓名、工号等等,这样适用于更多的抽奖场合。
  1. 增加主题配置选项,现在的界面只有一个红色喜庆主题,可以开发更多的主题,适用于更多的场合,比如随机点名,随机问答等等,任何已知参与者身份的场合,都能开发相应的主题。
  1. 抽奖的动画,现在的抽奖是球体旋转,但是还可以改成转盘,数字滚动,网格随机闪烁出现等等,配合上方的主题,适应更多的场景。
始于抽奖,不局限于抽奖,只要有参与者身份,只要需要随机其中某位(也可以不随机),那么就可以使用这个小程序。
当然,Talk is cheap,show me your actions. 想都是问题,上路才有答案,如果你感兴趣,可以加入这个项目的开发,踏出AI编程的第一步。
notion image
notion image