这套预约 SaaS 源码的 3 个实用设计
📦

这套预约 SaaS 源码的 3 个实用设计

分类:其他源码 VIP 专属 价格:50 USDT 下载:0

场地、店员、时间三维预约逻辑,一套代码跑通微信和支付宝两端。我最近在搭建168下载了这套开源版预约小程序 SaaS 系统,实测下来发现它把预约场景拆得很细:用户可以按场地选(比如健身房的瑜伽室 A、瑜伽室 B),也可以按店员选(指定教练或美容师),还能卡时间段和预约人数上限。后台有 12 个核心配置项,包括预约时段粒度(15 分钟、30 分钟、1 小时可选)、提前预约天数、取消规则这些。

技术栈是前端 VUE + uni-app,所以编译一次能同时发布微信小程序、支付宝小程序和 H5 三端。支付接入的是微信服务商模式和支付宝当面付,适合做多商户 SaaS 平台。内置了一个静态官网模板,可以直接改文案和图片上线,省得再单独搭落地页。

部署前要准备的 5 件事

服务器环境:PHP 7.2+、MySQL 5.6+、Nginx,加上微信支付服务商资质。我部署的时候发现这套源码对环境要求不算高,但有几个点要提前确认:

  • PHP 扩展:必须开启 fileinfo、curl、gd、mysqli,否则上传图片和调用支付接口会报错
  • 数据库:导入 SQL 文件后有 23 张表,包括预约订单表、时间段锁定表、店员排班表,结构比较清晰
  • 域名备案:小程序上线必须备案域名,而且要配置 SSL 证书(Let’s Encrypt 免费版就够用)
  • 微信服务商资质:如果要做多商户分账,需要先申请微信支付服务商,普通商户模式只能收到平台自己账户
  • 云打印机:系统对接了飞鹅和易联云两种,需要提前买设备并拿到设备号和 KEY

前端编译需要 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 秒,前台收银直接出预约单,比手动登记效率高很多。

这套系统适合哪 3 类项目

健身房、美容美发、场馆预约是最典型的三个场景。如果你要做多商户 SaaS 平台(比如帮 50 家健身房各开一个小程序),这套源码的架构刚好够用:每个商户独立后台、独立支付账户(服务商模式自动分账)、独立域名或子域名。我看后台有个「商户管理」入口,可以批量添加商户并设置分成比例。

单商户直接用也可以,比如单体健身房、单个美容院、单个会议室出租方,把多商户功能关掉就是标准的预约小程序。前端 UI 比较简洁,改颜色和 Logo 不用动太多代码。

还有一类是「按时间卖服务」的项目,比如摄影棚租赁(按小时计费)、心理咨询(按时段预约咨询师)、上门家政(选时间段和服务人员)。这套源码的时间粒度可以细到 15 分钟,灵活度够。

上线前必须检查的 3 个坑

支付回调地址、短信签名审核、小程序类目资质,这三个环节最容易卡住。我第一次部署的时候支付成功了但订单状态没更新,查日志发现是回调地址写成 http 了,微信支付只认 https。后台「支付配置」里有个「异步通知地址」,必须填完整域名加接口路径,比如 https://yourdomain.com/api/pay/notify

短信签名要提前在阿里云或腾讯云申请,一般要 1-2 个工作日审核。如果用的是「XX预约」这种签名,记得后台短信模板里的变量要和云服务商后台模板一一对应,否则发送会失败但不报错。

小程序类目选「生活服务 – 综合生活服务 – 预约服务」,如果涉及健身或美容需要上传营业执照和相关资质。H5 端如果要分享到微信需要申请 JS-SDK 权限,否则分享出去只有链接没有卡片。

FAQ

问:这套源码支持会员卡和次卡功能吗?

答:开源版没有内置会员卡模块,只有单次预约付费。如果要做储值卡或次卡需要自己改订单逻辑,加一个用户余额表和次数表,工作量大概 2-3 天。

问:多商户模式下每个商户能独立配置预约规则吗?

答:可以。后台商户管理里每个商户有独立的「预约设置」入口,包括时段粒度、提前预约天数、取消规则都能单独配。但短信签名和支付接口是全局共用的,没法按商户分开。

问:前端改 UI 要不要重新编译三端?

答:要。uni-app 项目改完代码后要分别运行「微信小程序」「H5」「支付宝小程序」三个编译命令,HBuilderX 里点「发行」就能批量打包。改颜色和图片比较快,改布局结构要注意不同端的兼容性。

原文参考

原标题:开源版预约小程序SaaS服务系统/前端VUE/微信小程序-系统演示站

原文简介:

admin
综合系统
开源版预约小程序SaaS服务系统/前端VUE/微信小程序
系统功能:
支持场地预约、店员预约、时间预约、预约人数、
集成微信支付服务商支付、支付宝支付
前端VUE,支持编译多端:微信、支付宝、H5
支持云打印机
支持短信提醒、
内置静态官网可调整
适用于提供各类预约服务类小程序SaaS服务
分享到:

原文截图:

开源版预约小程序SaaS服务系统/前端VUE/微信小程序-系统演示站
开源版预约小程序SaaS服务系统/前端VUE/微信小程序-系统演示站
开源版预约小程序SaaS服务系统/前端VUE/微信小程序-系统演示站
开源版预约小程序SaaS服务系统/前端VUE/微信小程序-系统演示站

免责声明

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

下载链接尚未配置,请联系管理员。

关注我们的公众号

微信公众号
客服