更新记录

1.0（2026-10-17） 下载此版本

第一版

平台兼容性

uni-app(5.32)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ √ √ √ √ √ √ √
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ √ √ √ √ √ √

其他

多语言 暗黑模式 宽屏模式 蒸汽模式
× × √ ×

MOMO NAIL 美甲馆 · 预约小程序产品文档

一句话：款式图鉴 + 在线预约 + 收银台 + 会员营销，美甲店自己的小程序，源码买断、无年费。

演示品牌「MOMO NAIL」为占位名称，买家可全局替换为自己的店名。

1. 产品定位

面向美甲 / 美睫 / 美肤工作室的买断制预约小程序源码，三端齐备：

端 技术 说明
顾客端 uni-app（Vue3） 编译 微信小程序 + H5 双端
管理后台 RuoYi-Vue3（Element Plus） 店长 / 前台使用，浏览器打开
服务端 Spring Boot 3（JDK17）+ MySQL + Redis REST API，微信支付 V3 已接通

差异化：不是千篇一律的粉白模板，而是「款式即角色」的图鉴化视觉世界——每个款式一张角色卡（缎带色身份、一句话设定、上新日、人气值），顾客像逛图鉴、集卡一样逛款式墙。

2. 顾客端功能

2.1 款式图鉴（首页）

  • 拱门店招：品牌名 + slogan + 营业状态 / 地址胶囊
  • 本周人气榜：按人气值自动排名的前三款式横向卡片（金银铜牌）
  • 缎带筛选：按缎带色分类过滤款式（色卡后台可自定义增删）
  • 款式卡两列瀑布流：大图 + 缎带角标 + NEW/上新日 + 人气/价格/时长
  • 收藏 & 图鉴：心心收藏进愿望单；到店完成拍照后款式进入「我的图鉴」，集卡式经营
  • 款式详情弹层：全屏拱窗大图、标签、人气 / 时长 / 出道日三格、一键预约

2.2 预约登记（三步留座）

  1. 选款式：从图鉴 / 人气榜 / 详情页带参进入
  2. 挑时段：未来 7 天日期条 + 时段格（可约 / 剩 1 位 / 已满 / 已过实时状态；余位后端控制，约满自动锁定、取消自动回补）
  3. 留座：称呼 + 手机号 + 备注 → 提交
  • 预约信息自动带出：二次预约时自动填充上次的称呼 / 手机号
  • 成功页区分支付状态：已支付显示绿色「预约成功」+ 支付渠道；未支付显示琥珀色「留座成功 · 待支付」，并可随时「继续支付」

2.3 收银台（预约即支付）

支付方式 说明
微信支付 小程序内拉起，V3 接口，支持真机支付
小金库（储值余额） 余额实时校验，不足提示去充值
次卡抵次 持有的次卡按次抵扣，展示剩余次数
优惠券抵扣 下单前选券，实付 = 价 − 券
  • 选券后自动取消旧单重下（余位回补再扣，不占坑）
  • 支付成功票据显示支付渠道（微信支付 / 小金库支付 / 次卡抵扣 / 优惠券抵扣）

2.4 会员中心（我的）

  • 统计四宫格：订单数（不含已取消）/ 券包 / 次卡 / 小金库余额
  • 我的图鉴 & 我的收藏：已解锁款式墙 + 愿望单
  • 我的订单：待到店 / 已完成 / 全部；未支付订单带「去支付 ¥xx」按钮，可选微信 / 小金库 / 次卡补缴
  • 次卡购买、小金库充值（充值套餐后台可配）
  • 帮助中心、隐私政策、联系门店（一键拨号）
  • 自定义底部 TabBar

2.5 登录

  • 小程序端：微信一键登录
  • H5 端：手机号登录

3. 管理后台功能

浏览器访问，admin 账号登录，全部页面移动端自适应（手机也能管店）。

模块 能力
数据看板 营收 / 预约 / 人气 / 待办核心指标一屏掌握
款式管理 款式图鉴 CRUD；价格支持小数；缎带色 / NEW 标 / 人气 / 时长
分类 / 缎带色卡 缎带色卡实时增改删；删除有款式占用守卫，改完小程序立即同步
预约订单 状态页签（待到店 / 已完成 / 已取消 / 全部）；支付列显示渠道标签 + 实付金额（券后标注）；搜索：单号 / 称呼 / 手机号 / 款式；支付状态筛选（待到店 + 未支付 = 催单名单）；到店完成 · 拍照入册（解锁顾客图鉴）
时段管理 时段模板+ 按日覆盖调整，余位可视化
会员管理 会员档案、余额 / 积分
营销中心 优惠券（领用核销）、次卡（售卖 / 次数）、储值套餐（充值档位）、小金库流水

4. 技术架构

微信小程序 / H5（uni-app Vue3）
        │ HTTPS / JSON
Spring Boot 3（REST API + 微信支付 V3 + 微信登录）
        │
   MySQL 5.7+（业务库） ＋ Redis（会话/缓存）
        │
管理后台（RuoYi-Vue3 + Element Plus，vite 代理）

5. 交付内容

  • ✅ 小程序 / H5 前端源码
  • ✅ 管理后台源码（Vue3 工程）
  • ✅ 服务端源码
  • ✅ 部署文档（服务器 / 域名 / 小程序后台配置 / 微信商户号开通指引）
  • ✅ 本产品文档

6. 定制与换肤

  • 品牌：店名 / slogan / 地址 / 电话均为配置或文案位，全局替换即可
  • 配色：缎带色卡后台自助增删改，小程序与后台实时同步，无需改代码
  • 换行业：产品为「目录 + 预约 + 收银」同构骨架，宠物店 / 美睫 / 瑜伽馆 / 场馆预约等品类可直接换皮派生

7. 常见问题

Q：有年费或授权费吗？ 没有。源码一次买断，代码全交付，自行部署无任何后续费用。

Q：不懂技术能部署吗？ 有部署文档逐步引导；也可加购远程部署服务（备好服务器域名，远程搞到能访问为止）。

Q：支持真机微信支付吗？ 支持。V3 接口已接通，配好商户号即可收款（开发工具模拟器无法真实支付，需真机预览验证）。

Q：数据是我自己的吗？ 是。数据库在你自己服务器上，会员 / 订单 / 流水全归你。

Q：后续能加功能吗？ 代码结构清晰（三端分离 + RuoYi 骨架），二次开发友好；也可定制报价。

联系与购买

  • 源码售价：¥128（一次买断，全套三端源码）
  • 联系方式：198 - 2509 - 6261（微信同号）

联系卡

  • 远程部署 / 行业换皮定制：另议，欢迎咨询

文档版本：v1.2 · 2026-10-17

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

评论列表 撰写评论 向官方投诉

暂无用户评论。