连锁茶饮门店做线上生意有三个绕不开的坎:顾客在微信里,下单却要靠店员手写;发出去的优惠券到底用没用、有没有重复核销,全靠人盯;几间店的会员各记一套,总部要等店长晚上发日报才知道当天卖了多少。本项目把门店搬进小程序:顾客自己点单、到店出示取餐码;会员储值、积分、优惠券都在同一个账户里;店员用手机扫码核销,同一张券重复扫会被当场拦截;总部即时看到每家店的经营数据。行业背景是本地连锁茶饮的私域运营,特点是小额高频、强依赖到店核销、多门店统一管理。
点击空白处退出提示
语言技术
JavaScript、Vue系统类型
小程序轻应用行业分类
电商
连锁茶饮门店做线上生意有三个绕不开的坎:顾客在微信里,下单却要靠店员手写;发出去的优惠券到底用没用、有没有重复核销,全靠人盯;几间店的会员各记一套,总部要等店长晚上发日报才知道当天卖了多少。本项目把门店搬进小程序:顾客自己点单、到店出示取餐码;会员储值、积分、优惠券都在同一个账户里;店员用手机扫码核销,同一张券重复扫会被当场拦截;总部即时看到每家店的经营数据。行业背景是本地连锁茶饮的私域运营,特点是小额高频、强依赖到店核销、多门店统一管理。
系统分五个模块。一、门店与商品:门店切换与距离、分类筛选、商品卡片与已售数量、快捷加购。二、规格与下单:冰量糖度规格、数量增减、加入购物车或立即购买。三、确认订单与支付:自提/堂食、优惠券自动择优抵扣、模拟微信支付、生成取餐码。四、会员中心:储值余额、积分、四档储值套餐、优惠券列表(含核销码与状态)。五、店员核销:输入或扫码核销券码、核销结果与明细、今日核销流水,重复核销直接拦截。
我独立完成需求拆解、页面设计、组件拆分与全部业务逻辑。技术栈 uni-app(Vue 3 + script setup)+ Vite 5,一套代码同时编译到微信小程序与 H5:H5 用于评审和快速验收,小程序产物可直接导入微信开发者工具。演示数据存本地存储,模拟云开发数据库;生产切云开发时只替换数据层,页面不改。四个实现重点:一、金额以「分」存整数,显示时除 100,避免浮点误差。二、核销只成功一次:先查券状态再改状态,重复扫码返回 DUPLICATE 并带出上次核销时间与核销人;生产环境必须由云函数用事务或唯一索引兜底,否则两台店员端并发扫码会双花。三、券门槛在结算时校验,「满 58 减 15」在购物车判断金额才可用,避免小额订单用掉大额券。四、满额自动发券并带订单号溯源,支付走显式状态机(待支付→已支付→已完成),方便后面替换真实微信支付回调验签。难点在核销并发与状态一致性:前端只能做体验层拦截,真正的幂等必须在服务端,所以我把它做成「前端拦截 + 服务端唯一索引」两层,并在 README 标明生产改造点。




评论