霍尔斯特德小程序

企业服务行业细分软件案例ID：245164

蓝色幻想

5 年经验· 国内领先的智慧零售SaaS服务商

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

抽奖积分系统 · 项目介绍
一、项目概述
本项目是一套面向企业营销与用户运营的微信小程序 + 微信云开发 + Web 管理后台一体化系统。小程序以「霍尔斯特德」品牌为展示入口，聚合洁净室手套、丁腈手套、乳胶手套等产品信息，并通过签到积分、积分抽奖、积分兑换、扫码抽奖等玩法，将产品展示与用户留存、活动转化串联成完整闭环。

二、系统架构
系统采用「三端协同」架构：

用户端：微信小程序，基于云开发读写云数据库，图片资源统一存储于微信云存储（cloud:// fileID），经临时链接展示。
管理端：Vue 3 + Element Plus 前端，Spring Boot 后端，通过 JWT 鉴权后调用 dbProxy 等云函数，实现对云数据库的增删改查与业务配置。
云端：listProducts、getProductDetail 负责小程序商品列表与详情；uploadImage、migrateImages 支持图片上传与历史数据迁移；getOpenid 等辅助用户身份识别。
三、小程序主要功能
首页：轮播图、热门推荐、分类筛选、双列商品列表，支持下拉刷新与上拉加载。商品详情：图文展示、相关推荐、收藏、长按保存图片，并支持转发好友与分享朋友圈。

签到：每日签到、日历展示与积分规则。兑换：积分兑换礼品、订单与记录查询。抽奖：积分转盘抽奖、中奖申领与记录。扫码抽奖：扫描活动二维码参与专属抽奖。我的：个人信息、积分明细、兑换/中奖记录、收货地址管理等。

四、管理后台功能
管理员可维护产品分类、产品、轮播图、兑换商品、签到规则；配置抽奖活动（开关、奖品、概率）及扫码抽奖二维码；审核兑换订单与中奖记录；管理用户与数据统计；上传图片至云存储，并可将历史 Base64 图片批量迁移至云存储。

五、技术特点
小程序采用原生框架 + 云开发，免自建服务器即可运行核心业务；管理后台与云函数解耦，便于运维扩展。商品列表/详情通过云函数精简字段、图片走云存储，避免响应体过大；前后端分离、组件化开发，兼顾移动端展示与后台运营效率。

适用场景：企业产品展示、会员积分运营、线下扫码引流、节日抽奖促销等微信生态内的轻量化营销场景。