隐藏内容

本内容需权限查看

购买查看权限

• 普通用户: 139金币
• VIP会员: 139金币
• 永久会员: 139金币

已有8人解锁查看

在全民健身热潮与城市快节奏生活背景下，羽毛球与网球等对抗性球类运动呈现爆发式增长。然而传统球馆长期受困于“散客凑局难、场地空置率高、人工查验繁琐、器材损耗责任模糊”等痛点。为此，我们团队设计并研发了这套【同城羽毛球网球场馆智能拼场与器材租赁小程序系统】，基于 Vue 3 + Spring Boot + 物联网智能灯控 + 信用分仲裁 架构，打通 PC 态势大屏、管理端治理中台与移动小程序三端闭环生态。

一、 核心业务痛点与破局方案

传统球馆管理存在四大突出痼疾：

1. 拼场凑局信息壁垒：球友水平参差不齐（“高手嫌慢、新手畏难”），私下拉群易爽约跑单，缺少押金分摊与段位分级撮合机制；
2. 场馆利用率与时段闲置：工作日白天与深夜波谷时段场地空置率超 60%，缺少基于热力与天气的动态浮动定价模型；
3. 灯控与门禁人工运营成本高：球馆灯光依赖人工开关，常常出现人走灯未灭或误开未预约场地灯光的电费浪费；
4. 专业器材租还扯皮：高端拍线断线、球拍擦伤碰损责任难界定，押金退还纠纷频发。

针对上述痛点，系统确立了“段位自动定级撮合 + 分布式防超卖订场 + IoT 智能联动开灯 + 租还扫码自证”的数字化解决方案。

二、 活力明亮视觉美学规范 (Citrus & Clean Sky)

严格摒弃沉闷粗糙的深黑极客 AI 模板风格，本项目采用面向大众体育运动的清淡明亮配色规范：

• 底色基调：晨雾冷灰（#f8fafc / Slate-50），营造开阔通透、明净轻盈的观感体验；
• 主容器与卡片：纯白无瑕（#ffffff）配合 border-slate-200/80 细腻微边框与层次微阴影，杜绝灰阶死板堆叠；
• 主品牌色：活力珊瑚橙（#ea580c / Amber-500）与极速天空蓝（#0284c7 / Sky-600），象征羽毛球击球爆发力与网球场运动激情；
• 辅助状态色：薄荷翡翠绿（#10b981 场地空闲）、琥珀暖黄（#f59e0b 拼场中）、暮霭蓝紫（#6366f1 器材租赁）。

三、 系统技术架构与核心功能参数

四、 系统高清实机全流程运行效果演示

4.1 PC 端态势全景运营驾驶舱

(1) 场馆态势感知全景驾驶舱：直观呈现今日球馆总营收（¥8,940）、综合利用率（83.3%）、活跃拼场局数及器材出租率，搭配实时场地状态分布图。

(2) 实时矩阵式场地看板：12 块羽毛球/网球场实时状态图例，支持多时段空闲/拼场中/私订预约卡片切换，一键发起拼场或人工锁定。

(3) 智能拼场撮合中心：集中展示同城各球馆的“2缺2男双局”、“中级混双对拉局”，具备 NTRP 水平限制标签与自动退补款倒计时。

(4) 专业器材租还管理工作台：覆盖尤尼克斯 Yonex 天斧系列、威尔胜 Wilson Pro Staff 等高端器材的在库状态、租借台账与维护记录。

(5) 球友段位与运动数据分析：记录会员胜率天梯、卡路里消耗排行、信用积分变动轨迹，提供精准客群画像。

4.2 管理端中台治理与物联网智能调度 (Admin)

(6) 场馆经营总览看板：可视化月度营收走势、峰谷时段能耗分析与会员续费流失预警。

(7) 时段动态定价策略引擎：灵活配置早鸟场（7折）、黄金晚市（1.2倍加价）、恶劣雨天室内场智能溢价机制。

(8) 拼场履约仲裁中心：针对拼场爽约、临期逃跑、器材损坏争议案件，进行人工/AI 证据核验与信用分扣减惩戒。

(9) 器材资产盘点与保养追踪：穿线磅数衰减预警、手胶磨损更换周期、拍框探伤记录全生命周期溯源。

(10) 物联网智能灯控与门禁闸机：查看每个场地的智能电表、照度勒克斯数值，支持一键远程调光与离线断网自保护。

4.3 球友端移动小程序生态 (Mobile – 390×844 原生视口)

(11) 移动小程序端-场馆首页与快速订场：基于 LBS 地理定位推荐周边空闲场馆，时间轴滑块快速选场与支付。

(12) 移动小程序端-智能拼场互助大厅：一览正在招募中的同城羽网局，清晰标注人均费用、发起人信誉与当前段位差。

(13) 移动小程序端-扫码开灯与自助租借：到达场地后一键扫码开启照明；租借柜取拍拍照存证，归还即时退押。

(14) 移动小程序端-球友个人中心与钱包：查看订场记录、拼场历史对局、钱包余额积分与信用履约评级。

(15) 全系统综合联动协同全景：三端数据同源互通，订单流、硬件控制流与资金结算流高效协同。

五、 核心业务逻辑与关键代码解析

5.1 后端 Redisson 拼场名额原子扣减与 IoT 智能灯控控制器

// Spring Boot 3.2 智能拼场撮合与防超卖分布式锁控制器
@RestController
@RequestMapping("/api/v1/court-matching")
@Tag(name = "CourtMatchingController", description = "同城羽网智能拼场撮合与场地锁控接口")
public class CourtMatchingController {

    @Autowired
    private RedissonClient redissonClient;
    @Autowired
    private MatchSessionService matchSessionService;
    @Autowired
    private IotLightingGatewayService iotLightingService;

    @PostMapping("/join")
    @Operation(summary = "球友报名加入拼场（分布式锁防超员+自动分账预授权）")
    public ResponseEntity> joinMatchSession(@Valid @RequestBody MatchJoinDTO joinDTO) {
        String lockKey = "lock:match:session:" + joinDTO.getSessionId();
        RLock lock = redissonClient.getLock(lockKey);
        
        try {
            if (lock.tryLock(3, 10, TimeUnit.SECONDS)) {
                matchSessionService.verifyPlayerLevel(joinDTO.getSessionId(), joinDTO.getUserId());
                MatchJoinResultVO result = matchSessionService.processJoinTransaction(joinDTO);
                if (result.isSessionFull()) {
                    iotLightingService.scheduleLightingActivation(result.getCourtId(), result.getStartTime());
                }
                return ResponseEntity.ok(ApiResponse.success(result));
            } else {
                throw new BusinessException(ErrorCode.MATCH_CONCURRENT_BUSY, "拼场席位抢占火爆，请稍后再试");
            }
        } catch (InterruptedException e) {
            Thread.currentThread().interrupt();
            throw new BusinessException(ErrorCode.SYSTEM_BUSY, "撮合交易中断");
        } finally {
            if (lock.isHeldByCurrentThread()) {
                lock.unlock();
            }
        }
    }
}

5.2 前端 Vue 3 + TailwindCSS 场地实时看板矩阵组件

六、 源码获取与开箱即用指引

完整工程已打包为极简轻量开箱即用压缩包，内含全套三端前端高保真源码、PRD 架构文档以及完整 Mock 演示数据。