随着现磨咖啡市场的快速发展，tatacoffee门店在早高峰及午休等客流密集时段，常面临排队时间过长、收银台压力大、点单易出错等问题，这不仅影响了顾客的消费体验，也限制了门店高峰期的出杯量和营业额。本项目旨在为tatacoffee量身定制一套类似Manner咖啡的轻量化、高效率的在线点餐小程序。立项的核心原因在于解决传统线下点餐效率低下的痛点，通过“线上下单+线下取餐（或外卖）”的数字化模式，大幅缩短顾客排队等待时间。同时，配合后台管理系统，帮助门店实现订单自动化处理、商品便捷管理以及用户留存，从而降低人力运营成本，提升整体运转人效和用户体验。
本项目包含“C端用户小程序”与“B端后台管理系统”两大核心业务模块：
1、C端点餐小程序核心功能：
门店定位与切换：基于LBS自动推荐距离用户最近的tatacoffee门店，显示距离并支持手动切换其他门店。
菜单与客制化点餐：商品按品类（如意式、特调、手冲）清晰展示；支持极其丰富的客制化选项（如杯型、温度、甜度、换燕麦奶、加浓缩等）；提供流畅的购物车加减与价格结算体验。
订单与支付：无缝接入微信支付，支持使用系统发放的优惠券；订单状态实时更新（排队中、制作中、请取餐），并生成线下核销的取餐码。
个人中心：展示历史订单记录、会员积分状态及个人优惠券包。
2、B端后台管理系统核心功能：
商品与SKU管理：支持商品分类维护、单品上下架、复杂SKU属性（温度/甜度等）灵活配置及门店库存同步。
订单调度管理：实时接收前端订单推送，支持异常订单处理与退款审核。
营销与配置：首页Banner图轮播配置、门店营业时间管理以及各类促销优惠券的发放。
1、“我”负责的具体任务：
项目中我主要负责整体前端架构的设计与核心功能的开发。包括C端微信小程序的从零搭建、页面交互与微信API对接，以及B端后台管理系统的前端开发。同时，负责与后端工程师联调接口，并对小程序的加载及渲染性能进行调优。
2、技术栈、架构与实现亮点：
技术栈：C端小程序采用 Uni-app (Vue3) 框架进行跨端开发；B端后台采用 Vue3 + TypeScript + Element Plus；网络请求基于 Axios 二次封装。
实现难点（SKU算法）：咖啡类目具有高度定制化的特点（如各种温度、甜度、奶类的交叉组合）。通过设计扁平化的SKU数据字典和动态渲染算法，成功克服了购物车中多规格商品的数据回显、状态管理和价格实时计算的难点。
实现亮点（实时性与性能）：为优化早高峰高并发场景下的用户体验，摒弃了传统的接口轮询，引入了 WebSocket 技术，实现了门店接单与顾客取餐状态的毫秒级双向推送。此外，针对门店定位模块进行了LBS地理位置缓存与分包加载优化，使小程序首屏加载速度提升了约40%，保证了类似Manner小程序那种“即开即点”的流畅体验。
评论