基于springboot3+vue3+uniapp的剧本杀预约小程序（AI角色对话、协同过滤算法、地图Api、Echarts图形化分析）

剧本杀大师 · 沉浸式预约小程序（AI角色对话、协同过滤算法、地图Api、Echarts图形化分析）

系统亮点：AI 角色对话、协同过滤推荐算法、地图 API 找店、Echarts 图形化分析；后端 Spring Boot，小程序 Uniapp，管理前端 Vue3。

防盗图说明：本文档仅展示 10 张核心页面，其余功能模块以文字清单列出，完整界面可通过csdn联系。

一、系统开发工具与环境搭建

后端：Java + Spring Boot 框架，B/S 架构，运行环境 win10/win11、JDK 17，开发工具 IDEA 2025。

小程序端：Uniapp + ColorUI，开发工具 HBuilderX。

管理前端：Vue3 + Element-Plus，开发工具 Visual Studio Code。

数据库：MySQL 5.7 / 8.0，工具 Navicat 12。

技术栈一览

二、系统实现（核心截图）

2.1 用户端（玩家）

首页按用户浏览偏好智能推荐剧本（协同过滤算法），附近门店带评分、距离、营业时间，挑本看店一步到位。

进店查看剧本清单，类型、难度、时长、价格、设施服务一目了然，直接选本进预约。

选日期、选时段、填联系人、从地址簿挑门店，合计金额实时计算，一键确认预约。

进本前先和角色聊两句，陈浩、林夏、周小北各有性格与说话风格，沉浸感拉满（AI 角色对话）。

发帖约固定车队、分享新手攻略，帖子详情带评论互动。

用户端 · 其他功能模块：个人中心（我的预约 / 我的帖子 / 话题点赞 / 我的收藏 / 地址管理 / 我的账户）等均已实现。

2.2 门店管理员

门店端数据看板，剧本类型占比、待处理预约、订单列表一屏看清。

日历式排班，哪个本哪天几场、剩余座位一眼看全，支持批量设置。

门店管理员 · 其他功能模块：我的门店、剧本列表、剧本角色、预约订单、评价管理等均已实现。

2.3 平台管理员

管理员全局看板，总玩家、总收入、订单完成率、收入趋势跨门店汇总。

平台侧门店审核与信息维护，省份城市区县、联系方式、启用状态统一管理。

平台管理员 · 其他功能模块：剧本列表、剧本角色、预约订单、论坛帖子、帖子评论等治理模块均已实现。

三、数据库结构截图

数据库共 19 张表，覆盖剧本、角色、预约、门店、社区、对话、用户等全业务。核心表包括：SCRIPT（剧本）、SCRIPT_ROLE（剧本角色）、RESERVATION（预约订单）、STORE（门店）、ROLE_CHAT（角色对话）、POST（论坛帖子）等。

四、小结

• 体验闭环：找店 → 选本 → 预约 → 进本前角色对话 → 玩后评价，玩家动线一条通顺。
• 三端协同：用户、门店、平台各管一摊，预约与订单数据实时打通。
• 算法加持：协同过滤做首页推荐，AI 角色对话做沉浸前奏，不是空壳。
• 数据可视：门店端、管理端双套 Echarts 看板，运营和管理都有据可依。

本文为毕业设计 / 课程设计项目展示，技术栈：Uniapp · Vue3 · Spring Boot · MySQL。