1
这是一款面向实体清吧/小酒馆的微信点单小程序。立项目的是解决清吧在夜间营业高峰期常见的痛点：客人想加酒加菜要举手招呼忙不过来的服务员、口头点单容易漏记错记、吧台手工抄单导致出单慢且对账麻烦、纸质菜单更新成本高。本小程序让顾客到店后扫码自助浏览菜单、选规格、下单，订单直达后台供吧台接单制作，从而降低服务人力、减少错单、提升翻台与结单效率。行业背景上，清吧区别于大型餐饮，是典型的"小而美"夜间业态：门店规模小（通常1-3个吧台员工）、客单价中等、酒水SKU多且需区分冰度甜度等规格、翻台节奏随时段波动大。这类门店既需要数字化点单提效，又受限于预算和IT能力，难以负担重型SaaS，因此一款轻量、零部署、个人主体即可上线的微信原生小程序是契合度最高的方案。
本项目是「古城酒馆」清吧点单小程序，采用微信小程序原生框架开发，包含四大功能页面与若干核心模块：
1. 点单页（menu）：左右双栏布局，左侧分类导航（鸡尾酒/小吃/其它），右侧商品列表带真实菜品图、价格、热销/招牌标签、酒精度、库存与售罄状态；支持顶部桌台选择（1-8桌+VIP）、商品搜索（按名称/标签/分类别名如"酒"命中整类）、商品详情弹层选规格（鸡尾酒冰度+甜度）、热销榜、加入购物车飞入动画与数量加减。
2. 购物车模块：底部毛玻璃购物车栏显示总数量与总价，点击展开明细浮层，支持同商品不同规格分开计价、一键清空、分类数量徽标。
3. 下单与支付：购物车去结算弹出模拟微信支付面板（金额确认→6位密码两步），生成订单号、桌台、时间明细，存入本地缓存，状态为"待接单"，支付成功自定义弹层提示。
4. 订单页（orders）：用户视角查看本地订单，带待接单/制作中/已上桌/已完成/已取消五种状态色标。
5. 我的页（mine）：展示门店信息、拨打电话、分享转发。
6. 后台订单管理页（admin）：统计营业额与今日单量、按全部/今日筛选、查看订单明细；入口隐藏，需在品牌标题连点5次唤出。
7. 分享功能：转发好友+分享朋友圈。商品共33款（鸡尾酒14/小吃13/其它6），图片用Unsplash固定直链统一裁剪。
我负责该项目的全部开发任务，包括需求梳理、菜单数据建模、四大页面与自定义tabBar的编写、交互逻辑与样式、订单本地存储、支付与后台方案文档撰写及真机域名配置说明。
技术栈采用微信小程序原生框架（wxml/wxss/js/json），零npm依赖，开发工具AppID为wx3d60f2b8091ad724。架构上以app.json为入口配置4个页面与自定义tabBar，业务数据集中在utils/menu-data.js统一管理（商品、桌台、门店信息、itemMap反查表）。
实现亮点与难点：①购物车不可变更新——加减数量时用slice()+map生成新数组再setData，避免直接改data，分类徽标通过cartList实时反算；②同商品多规格拆分——购物车项key=id+specText，同款不同冰度甜度独立计价；③双栏联动——两个独立scroll-view，切分类时用随机微增量触发scrollTop变化实现连续点同分类也能回顶；④搜索命中分类别名——输"酒"返回整类商品，避免逐项匹配过宽；⑤图片懒加载+失败兜底——aspectFill+lazy-load，加载失败置imgError灰显；⑥隐藏后台入口——品牌标题2秒内连点5次唤出admin页，兼顾演示与防误触；⑦模拟支付两步流程——金额确认+6位密码自定义面板，订单存wx.setStorageSync（上限100条）。难点在于微信支付个人主体无法接入（需企业认证+商户号），故采用模拟下单并配套云函数pay/payNotify接入文档；真机图片须在小程序后台downloadFile合法域名加白名单images.unsplash.com。
评论