在全民健身与健康中国战略持续推进下,传统健身房长期面临“前台纸质登记效率低下、会员卡到期流失率高、团课排期死板且难抢座、私教消课记录不透明易产生合同纠纷、缺乏数字化身体体成分健康追踪”等痛点。
本项目采用 Vue 3.4+ + Vite 5 + Pinia + Element Plus + ECharts 5.5 倾力打造商业级【基于 Vue3 的智慧健身房会员管理与私教团课预约核销系统】。系统打通会员 PC 线上大厅、手机移动端 H5 掌上约课与动态核销码、门店数字化运营中枢三端一体化架构,实现从会员线上购卡充值、团课秒级抢座、金牌私教 1V1 排期预约、扫码闸机进场核销到体脂健康档案跟踪的全流程闭环。
💡 系统三端一体化交付规格
- 电脑 PC 业务门户:团课排期与特色课程约课大厅、课程详情与教练资质训练大纲、金牌私教风采与 1V1 专属排期预约、会员卡商城与次卡/月卡/年卡线上充值、个人体成分分析与体能测评健康档案、会员个人中心与约课记录/核销码。
- 手机移动端 (H5 形态):移动端热门团课抢座金刚区、移动端私教课时在线预约、移动端进场上课动态核销二维码、移动端个人运动档案与会员卡包。
- 运营中后台 (Admin Console):ECharts 5.5 智慧健身门店运营态势大屏、在籍会员档案与续卡预警、团课周历排期与教室容量调度、金牌教练档案与私教业绩提成结算、智能闸机通行与课程核销台账、会员卡套餐与退改规则配置。
🎯 一、核心业务场景与高保真功能全景深度解读
1. 电脑 PC 端 — 团课排期与特色课程约课大厅

【功能深度解读】:周历动态排期展示动感单车 (Spinning)、燃脂尊巴 (Zumba)、塑形普拉提 (Pilates)、高强度间歇 (HIIT) 等课程,支持按难度级别、时间段与空余席位即时预约。
2. 电脑 PC 端 — 课程详情与教练资质训练大纲

【功能深度解读】:详细展示课程目标、卡路里消耗预估 (如 650 kcal)、动作要领、授课教练国际认证资质(ACE/NSCA/NASM)与往期学员评价,支持线上选座并生成核销码。
3. 电脑 PC 端 — 金牌私教风采与 1V1 专属排期预约

【功能深度解读】:展示驻场资深教练履历、擅长领域(增肌减脂/产后恢复/体态矫正)、空闲时段预约表与私教课时包在线购买。
4. 电脑 PC 端 — 会员卡商城与次卡月卡年卡充值

【功能深度解读】:展示次卡 (10次卡/30次卡)、通订月卡、尊享年卡与黑金黑卡权益对比,支持线上支付开卡、赠送好友与权益下发。
5. 电脑 PC 端 — 个人体成分分析与体能测评健康档案

【功能深度解读】:记录会员体重、体脂率、骨骼肌重、基础代谢率 (BMR) 与内脏脂肪等级,自动生成月度体脂下降与肌肉增长趋势折线图。
6. 电脑 PC 端 — 会员个人中心与约课记录核销码

【功能深度解读】:管理个人已预约课程、会员卡剩余有效期、私教课时结余、约课请假与智能闸机扫码核销二维码。
7. 手机移动端 (H5) — 手机移动端热门团课抢座金刚区

【功能深度解读】:移动端快捷金刚区入口(团课预约、私教排课、在线购卡、体测档案),热门课程秒级抢座。
8. 手机移动端 (H5) — 手机移动端私教课时在线预约

【功能深度解读】:手机端查看私教空余日程与训练偏好,一键提交上课预约并自动短信提醒。
9. 手机移动端 (H5) — 手机移动端进场上课动态核销二维码

【功能深度解读】:动态刷新防截图入场二维码,支持门店智能闸机通行与前台课时扫码扣除。
10. 运营中后台 — 运营后台智慧健身门店运营态势大屏 (ECharts 5.5)

【功能深度解读】:集成 4 大核心 KPI 指标卡,搭载 ECharts 5.5 渲染 24 小时进出场客流高峰趋势、营收品类构成占比、办卡转化漏斗与近 6 个月会员续卡留存柱状图。
11. 运营中后台 — 运营后台在籍会员档案与续卡预警

【功能深度解读】:监控会员到期剩余天数,自动标记高流失风险会员并支持一键下发续卡优惠券。
12. 运营中后台 — 运营后台智能闸机通行与课程核销台账

【功能深度解读】:实时记录每笔进场时间、出场时间与课程核销状态,杜绝非会员蹭卡与假消课。
⚙️ 二、本地开箱即用运行教程
本项目为开箱即用的现代化前端全套工程,解压后仅需 3 步即可本地极速启动:
# 1. 进入源码解压目录 cd smart-gym-member-system # 2. 安装项目运行依赖 npm install # 3. 启动本地开发调试服务器 npm run dev # 浏览器访问:http://localhost:3000 (PC会员门户/移动端H5/门店大屏一键切换)
