活动报名与现场管理小程序产品系统Vibe Coding

我要开发同款
Geburah2026年10月05日
4阅读

技术信息

语言技术
JavaScript、Vue、TypeScript、Node.js
系统类型
小程序轻应用
行业分类
企业服务、社交

作品详情

行业场景

机构、企业与社会团体每年都要组织大量线下活动,但报名长期靠微信群接龙和表格收集:信息格式混乱、审核靠人工核对、名额与候补没有约束、现场签到排队,活动后的问卷回访与投票互动更是断档,组织者既算不清到场率,也沉淀不下可复用的用户数据。本项目面向"活动运营"这一高频却缺乏工具的场景,把活动发布、报名、审核、短信通知、签到核销、积分激励、问卷回访、投票互动整合进一个微信小程序,让组织者用一部手机完成从发起到复盘的完整闭环。

功能介绍

系统把用户端与管理端合并在同一套小程序里,按角色区分入口,覆盖活动全生命周期。

【用户端】活动列表与详情、自定义报名字段填写、报名费支付与订单记录、名额已满后候补排队、报名协议弹窗、我的报名与状态跟踪、个人签到码与扫码签到、我的积分与积分明细、问卷填写(单选/多选/文本/评分四种题型,含必填校验与防重复提交)、多选投票(限选人数、防重复、防超选)、微信授权获取个人资料。

【管理端】数据看板工作台、活动创建与编辑、活动统计(报名状态/性别/年龄分布)、报名审核(通过/拒绝/候补晋升,支持批量处理)、名单 CSV 导出、扫码核销、问卷与投票配置及统计饼图与选项排名、短信群发与发送日志、积分管理、用户管理与系统配置。

项目实现

我独立负责全部开发:需求梳理(14 项功能点)、云数据库设计(15 张集合)、用户端与管理端共 42 个页面开发、15 个云函数编写、部署联调与真机测试。

技术栈:前端 uni-app(Vue3 + TypeScript + Pinia),一套代码编译成微信小程序,用户端与管理端合并交付;后端 uniCloud 阿里云云函数,路由式设计(单函数按 action 分发),统一响应结构 {code, message, data};鉴权基于 uni-id,管理端接口强制角色校验(admin / super_admin);数据层为云数据库集合化设计(ams_events / ams_registrations / ams_surveys / ams_votes / ams_point_log 等)。

实现亮点:① 零依赖统计可视化——纯 CSS conic-gradient 画饼图,不引入图表库;CSV 导出带 UTF-8 BOM,Excel 可直接打开。② 数据一致性——问卷与投票幂等提交(查重 + 事务),投票计数用数组定位原子自增(options.$.vote_count)防并发丢失更新。③ 语义字段匹配——自定义报名字段按"年龄""性别"关键词聚合统计,兼容历史数据。④ 二维码链路——云函数生成 base64 PNG 分享码,签到码由前端 uQRCode 渲染,规避云函数 npm 依赖限制。⑤ 状态自动计算——问卷与投票状态由起止时间推算,消除两端状态不一致。

难点:云函数资源配额易耗尽,通过降低内存规格、消除嵌套调用、精简调试日志解决;开发者工具多层缓存导致改动不生效,沉淀出"清缓存 + 删 dist + 重新编译"的可靠流程。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论