程序聚合 软件案例 微信平台小程序-餐厅点餐,预约

微信平台小程序-餐厅点餐,预约

2026-06-01 18:26:14
行业:电商、外卖跑腿
载体:小程序
技术:JavaScript、weui、wxapp-readyapi

业务和功能介绍

一、立项背景
餐饮业正加速从线下向线上迁移。传统电话预约、纸质菜单、人工记单的方式效率低下,顾客等位时间长、点餐体验差,餐厅人力成本高、翻台率也上不去。
运营中逐渐暴露出几个痛点:包间预约全靠前台手工记录,漏单重单时有发生;高峰期顾客反复催促服务员,体验大打折扣;老客想远程下单只能打电话,菜品说不清楚。于是决定做一款微信小程序,把预约、点餐、门店展示整合到一起,一站式解决这些问题。
二、项目目标
统一线上入口,把包间预约、远程点餐、扫码点餐整合进一个小程序,降低顾客使用门槛。预约和下单自助完成,服务员只负责确认和执行,单桌服务效率预计提升四成。通过每日推荐和特价菜品持续触达老客,促进复购。覆盖从浏览菜品到下单、等餐、回访的完整闭环。
三、功能模块
首页:顶部轮播展示活动与特惠。每日推荐网格展示四到六道主厨精选菜品,标注特价。四个快捷入口分别通向扫码点餐、远程点餐、包间预约、店面介绍。下方横向滚动展示今日特价。
在线点餐:经典双栏布局,左侧六个菜品分类,右侧对应菜品列表。每道菜显示名称、标签、现价、原价和月销量。可点击进入详情页,也可一键加入购物车。底部悬浮栏实时显示已选数量和合计金额。
菜品详情:大图展示,配合名称、评分、月售数据和价格对比。数量选择器支持加减操作。提供加入购物车和立即购买两个入口。
购物车与下单:支持修改数量、删除单项、一键清空。可切换堂食或外带,设置用餐人数和备注信息。确认后生成订单并跳转到订单列表页。
扫码点餐:调用微信原生扫一扫能力,扫描桌面二维码识别桌号,自动进入该桌点餐界面。顶部常驻桌号标签和重新扫码按钮,下单时自动关联桌号,无需手动输入。
包间预约:日期可选择今起三十天内任意日期,时段分为午餐和晚餐两档。三种包间可选:雅竹轩小包适合二到四人,兰亭阁中包适合六到八人,聚贤厅大包可容纳十到十六人。选包间后展开表单,填写姓名和手机号,可附加备注。提交前校验必填项和手机号格式。下方展示预约记录,支持一键取消。
店面介绍:展示门面、品牌故事、环境照片、服务设施和联系方式。支持一键拨号和一键复制地址。
订单管理:进行中和已完成两个切换。进行中订单呈现完整状态流,待确认状态可取消。历史订单支持再来一单,一键把之前的菜品重新加入购物车。
四、业务流程
堂食扫码:顾客到店→扫桌面二维码→识别桌号→浏览菜单→加入购物车→下单→厨房接单→上菜
远程外卖:打开小程序→点餐→分类浏览→加购→选择外带→下单→到店自取
包间预约:打开小程序→预约→选择日期→选择时段→选择包间→填写信息→确认预约→按时到店
五、导航结构
底部四个Tab:首页承载每日推荐和四个快捷入口,点餐是完整的分类菜单,预约包含包间预约和预约记录管理,我的展示订单列表和状态跟踪。

项目实现

项目采用微信原生三层架构,无第三方依赖。App 层管理全局购物车和订单状态,所有页面通过 getApp() 共享同一实例,配合 Storage 做持久化。页面层含八个 Page 实例,四个 Tab 页可平级切换,其余通过 navigateTo 压栈跳转。工具层抽离模拟数据和公共函数,页面按需引用。
数据前置计算。WXML 不支持 filter、map 等数组方法和深层嵌套三元表达式。所有派生数据(分类菜品数、展示图标、订单状态文字和颜色)在 JS 层 onLoad 阶段算好写入 data,模板只做简单绑定和单层判断。
购物车全局化。购物车挂在 app.globalData.cart 上,任何页面修改后同步写 Storage,onShow 时重新读取。无论从首页推荐、点餐页浏览还是扫码桌台加入,菜品都进同一个购物车。
订单状态流。订单创建后沿待确认→已确认→烹饪中→上菜中→已完成流转,状态与其文字颜色集中映射在 util.js 的 STATUS_MAP 中,列表加载时统一注入,模板不写判断逻辑。
首页:swiper 实现轮播,curren t 索引驱动自定义指示器。每日推荐用 flex-wrap 网格,今日特价用 scroll-view 横向滚动。扫码入口调 wx.scanCode,失败兜底进演示模式。
在线点餐:左侧分类栏与右侧列表联动。点击分类更新 activeCategory 同时设 scrollToCategory 锚点触发滚动。加号按钮用 catchtap 阻止冒泡直接调 addToCart 并弹 toast。底部购物车栏 fixed 定位,有商品才显示。
扫码点餐:与在线点餐共用 UI。onLoad 从参数或扫码结果取桌号写入全局购物车,下单时自动关联。顶部多一条桌号标签栏,支持重新扫码。
菜品详情:通过 dishId 参数从数据集查找菜品,底部两个操作按钮——加购停留当前页、立即购买跳转购物车。
购物车:数量加减直接操作全局 updateCartItem,减到零自动删除。堂食外带切换和人数调整实时写 app 并持久化。提交时生成订单号,订单推入数组,清空购物车后跳转列表。
包间预约:日期用 picker 限制 30 天内,时段和包间点击选中。选包间后展开表单并滚动到表单区。提交逐项校验后写入本地 reservations 键。记录可取消。
订单管理:onShow 读取全局 orders,按状态拆分为进行中和已完成,注入展示字段。待确认订单可取消,已完成订单可再来一单——先清空再逐项加回购物车。
订单管理:onShow 读取全局 orders,按状态拆为进行中和已完成两组,注入展示字段。待确认订单可取消,已完成订单可再来一单——先清空购物车再逐项加回。

示例图片视频


冬初霁
30天前活跃
方向: 前端-小程序、后端-Node.js、
交付率:100.00%
相似推荐
json解析转换器
1、背景和目标:一、超级快速、安全对json的解析与对象转换;二、支持分布式超高并发 2、json解析转换器,支持分布式高并发,支持百万级别访问。用于快速进行json的解析与对象转换。原有的开源工具,要么安全性不够,要么性能不够强悍,要么不支持定制,很难满足企业日益严苛的业务需求。开发的这个json解析转换器,可以同时满足以上三种需求。
智能仓储 · 立库调度监控系统(RMS 调度中间件 + 监控管理后台)-RmsCC
【1】立项背景与目标 自动化立体库是新能源锂电、汽车零部件等行业的主流仓储形态,库内由四向车、提升机、输送线、接驳口协同完成托盘出入库。上游 WMS/WES 只下发"某个托盘要入库或出库",而"分配到哪个货位、走哪条路、派哪台车、每一段由谁执行"全部由中间的调度系统(RMS)计算并驱动——本项目就是一个立库调度中间件 + 配套的调度监控管理后台。目标:把"任务下发→货位分配→路径规划→派车→分段执行→库存过账"做成可跑通、可观测、可人工干预的闭环,并解决现场最头疼的三个问题:调度计划与现场执行脱节、设备与货位状态不可见、故障(走不通、卡住)无日志可查。 【2】核心功能模块 ①基础数据:仓库/货区/货位(层-x-y 坐标、深浅位)/设备/物料建模。 ②权限体系:JWT + RBAC 用户-角色-菜单三级权限,菜单级与接口级双重校验。 ③上游任务管理(内置 WES 模拟器):批量下发出入库任务,一键生成托盘号。 ④任务调度与分段:任务状态机(待下发/执行中/已完成/异常/取消),入库按固定拓扑自动拆 3 段(库外输送线→提升机→目标层接驳口→货位),出库镜像反向。 ⑤路径规划:库内 A* 网格寻路(巷道四向可走、货架区仅纵向、有货货位视为障碍),按"空闲且电量>40% + 曼哈顿距离最近"自动派车,支持小车避让、等待点与自动移库(倒库)。 ⑥设备仿真引擎:无真实 PLC,用定时任务按可配置节拍推进每段任务并驱动设备沿路径移动。 ⑦实时监控:WebSocket 每秒推送设备位置、状态与任务进度,地图大屏显示库位占用与小车轨迹,另配小车/设备监控页。 ⑧库存与数据中心:托盘维度库存、分层占用统计、库存流水(任务完成自动过账)。 ⑨接口日志中心:按上游/RCS/WCS 三个通道记录每次调用的请求与返回报文、方向、结果、耗时,支持按托盘号/任务号全链路检索与改报文重发。 ⑩AI 作业助手:接入大模型,自然语言下发任务、异常诊断与智能问答,SSE 流式输出,模型不可用自动降级为本地规则。 ⑪单车手动控制:顶升/放下/移动/充电/恢复/释放任务等指令,应急时人工接管。 【3】业务流程与功能路径 上游下发(托盘号 + 出入库类型)→ RMS 自动分配货位(浅位优先、低层优先)→ 生成分段计划 → A* 计算路径并派最近的空闲车 → 仿真引擎按节拍推进各段 → 全段完成后自动过账(货位占用/释放、绑定或解绑托盘、写库存流水与系统日志)→ 任务归档。 功能路径:登录 → 首页看板(货位占用 + 任务趋势)→ 上游任务管理下发任务 → 资源监控中心地图大屏观察执行 → 立库任务中心(任务视图/任务管理)→ 数据中心查库存与流水 → 报表数据中心查接口日志 → AI 助手用自然语言下单。
多端AI问答系统(SSE流式输出)
立项背景:随着大语言模型的普及,传统企业与用户对智能对话的需求激增。旨在构建一个前后端完全解耦的 AI 问答系统,支持多端接入,提供流畅的流式对话体验。 核心功能:支持 SSE 全链路流式对话(包含start/content/reasoning/done/error五类事件);多会话管理(新建、切换、重命名、置顶、逻辑删除);Markdown 渲染、思考过程折叠展示、多模型切换、Token 用量统计与 API 调用日志,以及四维 IP 限流。 业务流程:前端发起对话请求 → 后端校验限流 → 组装历史消息并调用大模型 API → SSE 逐字返回前端实时渲染 → 消息落库并记录 Token 与耗时。
CRM客户管理后台
立项背景:针对中小型企业客户信息分散、销售跟进过程不透明、合同管理混乱等痛点,旨在打造一个轻量级的客户全生命周期管理后台,提升销售团队协作与转化效率。 核心功能:涵盖管理员登录鉴权、客户主表管理、联系人维护、跟进记录追踪、合同管理等六大模块。支持客户信息分页查询、关键字搜索、新增编辑与逻辑删除;客户详情页以名片形式集中展示联系人、跟进记录及关联合同。 业务流程:从潜在客户录入,到日常跟进记录,再到最终合同签订与操作日志审计,覆盖完整的销售业务闭环。
ERP管理系统
本项目面向中小企业的采购、销售、仓储、生产及财务协同场景,目标是将分散的业务记录、审批流程和经营数据整合到统一平台,支持业务过程追踪与数据查询。 系统包含客户与供应商、销售、采购、仓储、生产制造、财务、人力资源、项目合同、资产、质量售后、零售门店、数据报表和系统管理,共13个模块、102个配置驱动页面。核心功能包括客户线索与商机管理、采购与销售订单、库存预留及批次追溯、多级物料清单、生产领料与报工、发票与收付款、会计凭证、薪酬、资产折旧和项目成本分析。 业务流程围绕单据流转展开。例如,销售业务支持“线索→商机→报价→销售订单→发货→发票→收款”;采购业务支持采购申请、采购订单、到货验收、入库及付款。单据通过草稿、提交审批、审批通过和过账等状态进行控制,过账时联动库存台账、资金余额及会计分录,并保留操作历史。 系统提供桌面Web端和移动端入口,共用业务接口与权限规则。管理员可配置用户、角色、菜单、字典和审批权限,员工可按权限处理单据、查看通知和查询报表。经营数据支持按日期汇总及来源下钻,方便追踪库存、应收应付和项目收支。 项目预览 https://tomatoxs.cn:18443 https://tomatoxs.cn:18444 账号:demo 密码:demo123
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服