抽奖积分系统 · 项目介绍
一、项目概述
本项目是一套面向企业营销与用户运营的微信小程序 + 微信云开发 + Web 管理后台一体化系统。小程序以「霍尔斯特德」品牌为展示入口,聚合洁净室手套、丁腈手套、乳胶手套等产品信息,并通过签到积分、积分抽奖、积分兑换、扫码抽奖等玩法,将产品展示与用户留存、活动转化串联成完整闭环。
二、系统架构
系统采用「三端协同」架构:
用户端:微信小程序,基于云开发读写云数据库,图片资源统一存储于微信云存储(cloud:// fileID),经临时链接展示。
管理端:Vue 3 + Element Plus 前端,Spring Boot 后端,通过 JWT 鉴权后调用 dbProxy 等云函数,实现对云数据库的增删改查与业务配置。
云端:listProducts、getProductDetail 负责小程序商品列表与详情;uploadImage、migrateImages 支持图片上传与历史数据迁移;getOpenid 等辅助用户身份识别。
三、小程序主要功能
首页:轮播图、热门推荐、分类筛选、双列商品列表,支持下拉刷新与上拉加载。商品详情:图文展示、相关推荐、收藏、长按保存图片,并支持转发好友与分享朋友圈。
签到:每日签到、日历展示与积分规则。兑换:积分兑换礼品、订单与记录查询。抽奖:积分转盘抽奖、中奖申领与记录。扫码抽奖:扫描活动二维码参与专属抽奖。我的:个人信息、积分明细、兑换/中奖记录、收货地址管理等。
四、管理后台功能
管理员可维护产品分类、产品、轮播图、兑换商品、签到规则;配置抽奖活动(开关、奖品、概率)及扫码抽奖二维码;审核兑换订单与中奖记录;管理用户与数据统计;上传图片至云存储,并可将历史 Base64 图片批量迁移至云存储。
五、技术特点
小程序采用原生框架 + 云开发,免自建服务器即可运行核心业务;管理后台与云函数解耦,便于运维扩展。商品列表/详情通过云函数精简字段、图片走云存储,避免响应体过大;前后端分离、组件化开发,兼顾移动端展示与后台运营效率。
适用场景:企业产品展示、会员积分运营、线下扫码引流、节日抽奖促销等微信生态内的轻量化营销场景。