场地、店员、时间三维预约逻辑,一套代码跑通微信和支付宝两端。我最近在搭建168下载了这套开源版预约小程序 SaaS 系统,实测下来发现它把预约场景拆得很细:用户可以按场地选(比如健身房的瑜伽室 A、瑜伽室 B),也可以按店员选(指定教练或美容师),还能卡时间段和预约人数上限。后台有 12 个核心配置项,包括预约时段粒度(15 分钟、30 分钟、1 小时可选)、提前预约天数、取消规则这些。
技术栈是前端 VUE + uni-app,所以编译一次能同时发布微信小程序、支付宝小程序和 H5 三端。支付接入的是微信服务商模式和支付宝当面付,适合做多商户 SaaS 平台。内置了一个静态官网模板,可以直接改文案和图片上线,省得再单独搭落地页。
服务器环境:PHP 7.2+、MySQL 5.6+、Nginx,加上微信支付服务商资质。我部署的时候发现这套源码对环境要求不算高,但有几个点要提前确认:
前端编译需要 Node.js 14+ 和 HBuilderX,uni-app 项目导入后改 manifest.json 里的 AppID 就能真机调试。实测从解压到跑起来大概 40 分钟,主要时间花在配置支付参数和小程序审核上。
时间段锁定机制 + 短信提醒 + 云打印 + 多端编译,这几个功能让预约流程完整闭环。后台里有个「时间段管理」模块,可以给每个场地或店员单独设置可预约时间,比如周一到周五 9:00-18:00,周六日 10:00-20:00。用户选定时间后会实时锁定 15 分钟,防止多人同时抢同一时段。
| 功能模块 | 具体能力 | 适用场景 |
|---|---|---|
| 预约人数限制 | 每个时段可设置 1-50 人上限 | 健身团课、会议室共享 |
| 短信提醒 | 预约成功、预约前 1 小时、取消时自动发送 | 降低爽约率 |
| 云打印 | 支付成功后自动打印预约单 | 美容院、洗车店前台出单 |
| 多端发布 | 一套代码编译微信、支付宝、H5 | 覆盖不同用户习惯 |
短信接入的是阿里云或腾讯云短信服务,后台配置 AccessKey 就能用。云打印机这个功能我测试下来响应速度在 2-5 秒,前台收银直接出预约单,比手动登记效率高很多。
健身房、美容美发、场馆预约是最典型的三个场景。如果你要做多商户 SaaS 平台(比如帮 50 家健身房各开一个小程序),这套源码的架构刚好够用:每个商户独立后台、独立支付账户(服务商模式自动分账)、独立域名或子域名。我看后台有个「商户管理」入口,可以批量添加商户并设置分成比例。
单商户直接用也可以,比如单体健身房、单个美容院、单个会议室出租方,把多商户功能关掉就是标准的预约小程序。前端 UI 比较简洁,改颜色和 Logo 不用动太多代码。
还有一类是「按时间卖服务」的项目,比如摄影棚租赁(按小时计费)、心理咨询(按时段预约咨询师)、上门家政(选时间段和服务人员)。这套源码的时间粒度可以细到 15 分钟,灵活度够。
支付回调地址、短信签名审核、小程序类目资质,这三个环节最容易卡住。我第一次部署的时候支付成功了但订单状态没更新,查日志发现是回调地址写成 http 了,微信支付只认 https。后台「支付配置」里有个「异步通知地址」,必须填完整域名加接口路径,比如 https://yourdomain.com/api/pay/notify。
短信签名要提前在阿里云或腾讯云申请,一般要 1-2 个工作日审核。如果用的是「XX预约」这种签名,记得后台短信模板里的变量要和云服务商后台模板一一对应,否则发送会失败但不报错。
小程序类目选「生活服务 – 综合生活服务 – 预约服务」,如果涉及健身或美容需要上传营业执照和相关资质。H5 端如果要分享到微信需要申请 JS-SDK 权限,否则分享出去只有链接没有卡片。
问:这套源码支持会员卡和次卡功能吗?
答:开源版没有内置会员卡模块,只有单次预约付费。如果要做储值卡或次卡需要自己改订单逻辑,加一个用户余额表和次数表,工作量大概 2-3 天。
问:多商户模式下每个商户能独立配置预约规则吗?
答:可以。后台商户管理里每个商户有独立的「预约设置」入口,包括时段粒度、提前预约天数、取消规则都能单独配。但短信签名和支付接口是全局共用的,没法按商户分开。
问:前端改 UI 要不要重新编译三端?
答:要。uni-app 项目改完代码后要分别运行「微信小程序」「H5」「支付宝小程序」三个编译命令,HBuilderX 里点「发行」就能批量打包。改颜色和图片比较快,改布局结构要注意不同端的兼容性。
原标题:开源版预约小程序SaaS服务系统/前端VUE/微信小程序-系统演示站
原文简介:
admin
综合系统
开源版预约小程序SaaS服务系统/前端VUE/微信小程序
系统功能:
支持场地预约、店员预约、时间预约、预约人数、
集成微信支付服务商支付、支付宝支付
前端VUE,支持编译多端:微信、支付宝、H5
支持云打印机
支持短信提醒、
内置静态官网可调整
适用于提供各类预约服务类小程序SaaS服务
分享到:
原文截图:




⚠️ 本文仅供学习研究和技术交流,相关源码仅用于了解系统架构与部署流程,请勿用于非法用途。任何商业运营行为均与作者无关。