SparkShop 多门店点单系统 · 功能调研文档

本文档是对 SparkShop 多门店点单系统（连锁烘焙/茶饮场景）的平台管理后台与门店收银台两大端的功能调研实录，全部截图取自 www.sporder.com 测试环境的真实运行界面（含通过 H5 商城实际下单产生的业务数据）。

系统组成

系统由四个端组成：

端	地址	使用者	说明
平台管理后台	http://www.sporder.com/backend	平台运营/管理员	门店、商品、订单、用户、分销、营销、财务、系统统一管控
门店收银台	http://www.sporder.com/cashier	门店店长/收银员	门店开单收款、订单处理、桌台管理、核销
C 端 H5 商城	http://www.sporder.com/h5/	顾客	自取/外送点单、会员、营销活动（微信小程序为同一套 uniapp 代码的编译目标之一）
客户屏大屏	http://www.sporder.com/cashier/display/cart · /display/queue	到店顾客	收银机双屏的客户确认屏、取餐叫号屏，凭门店配对码免登录访问

测试账号

端	账号	密码
平台后台	admin	admin123
门店收银台	13501234567	123123
C 端 H5	15695212895	123123

收银台账号即平台后台「门店管理」中配置的门店账号（门店管理员），一个账号绑定一家门店；C 端账号为手机号+密码方式（同时支持短信登录）。

技术架构

后端：PHP 8.2 + ThinkPHP 8（api/），单域名部署，平台接口走 /admin/*、门店端接口走 /store/*、C 端接口走 /api/*，JWT 鉴权。
平台后台前端：Vue 3 + Naive UI + Vite（platform/），构建产物部署于 TP8 站点 /backend/ 子路径，history 路由。
收银台前端：Vue 3 + Naive UI + Vite + TypeScript（cashier/），部署于 /cashier/ 子路径。
C 端：uniapp（uniapp/），同一套代码编译 H5 与微信小程序。
数据库：MySQL（api/database/sparkshop_ordering.sql 为安装初始化脚本，表前缀 sp_）。
集成能力：微信/支付宝支付、达达同城配送（测试环境为沙箱）、飞鹅打印机小票、短信、本地/对象存储可切换。

业务主线

顾客在 C 端（小程序/H5）或到店扫码选择门店下单，支持到店自取、外送到家、堂食（桌码）、预约等履约方式；
订单支付（微信/支付宝/余额）后进入门店收银台的订单流：接单 → 出餐 → 配送（自有骑手或达达）/ 核销 → 完成；
门店收银台也可直接开单收款（收银/堂食/外卖/自取/预约五种类型，现金/微信/支付宝/其他四种收款方式），支持挂单、取单、小票打印；
平台后台统一查看全部门店的订单、配送、退款与统计数据，并管理商品、营销活动、分销与财务；
C 端配套会员体系：余额、积分、会员卡（等级折扣）、优惠券、次卡，以及拼团、秒杀、砍价、新人礼、充值优惠等营销玩法。

文档结构

系统搭建：环境准备与部署指引；
平台管理后台：按左侧菜单逐模块说明（仪表盘、门店、商品、订单、用户、分销、财务、营销、系统），共 59 个功能页面，每个页面配实测截图。
门店收银台：按收银员操作动线说明（首页、收银开单、订单处理、桌台、统计与大屏），共 16 个功能页面。
附录：调研中发现的已知问题与改进建议。

调研环境与数据说明

文档中的数据界面均产生于以下真实操作（2026-10-21）：

H5 端以 15695212895 登录，领取新人礼包，完成 到店自取单（拿铁×2，余额支付，取餐码 A001）与 外送单（拿铁×3+配送费，余额支付，自有骑手自动接单）；
收银台完成 收银现金单、堂食单（A1 桌，含餐位费），并将自取单 A001 先「出餐」再「扫码核销」为已完成；
后台仪表盘、订单列表、订单统计、用户列表等页面随即产生真实统计数据。