SpringBoot+Vue框架程序设计｜高校心理咨询管理系统的设计与实现（功能演示+说明文档）

引言

高校心理健康工作正从「被动响应」转向「主动服务」。学业竞争、就业焦虑与人际适应等问题，使越来越多学生需要在校园内获得可及、可追踪的心理支持。然而，许多院校仍依赖线下登记本、分散的 QQ 群或表格统计，咨询师档期冲突难以及时协调，科普资料也难以统一发布与更新。

本文介绍一套基于 Spring Boot 与 Vue 3 的高校心理咨询管理系统。系统面向学生、咨询师与管理员三类角色：学生可在门户浏览心理百科与科普内容，选择咨询师提交预约或在线咨询问题；咨询师在后台回复提问并维护本人发布的内容；管理员统筹学生档案、咨询师信息与全站预约数据。下文结合功能演示截图，说明系统架构、核心模块与数据库设计思路。

系统概述

本系统采用「学生门户 + 双角色后台」的产品形态。学生端提供通知公告、科普文章、心理百科、心理视频、推荐书籍与咨询师展示，登录后可在个人中心完成预约咨询与问题提交。管理端与咨询师共用登录入口，通过身份区分菜单权限：管理员负责学生、咨询师与全站内容运维；咨询师侧重预约确认、问题回复以及文章、视频、书籍的发布维护。

主业务流程可概括为：学生注册登录 → 浏览咨询师与科普内容 → 提交预约或咨询问题 → 咨询师/管理员在后台处理并反馈 → 学生在个人中心查看状态与回复。该链路将「内容触达」与「咨询业务」串联，适合作为高校心理中心的信息化参考实现。

技术架构

系统采用 Spring Boot 2.5.3 作为服务端框架，MyBatis 2.2.0 完成数据持久化，MySQL 存储业务数据；前端使用 Vue 3.2.13、Vue Router 4 与 Element Plus 构建交互界面，Axios 调用 REST 接口，WangEditor 负责公告、文章等富文本维护。整体分为表现层、业务层与数据层：表现层负责页面展示与表单校验；业务层处理登录、预约金额计算、问题回复等业务规则；数据层通过 Mapper XML 完成 CRUD 与条件查询。

后端默认端口 8088，上下文路径为 /CollegePsychologicalCounseling；前端开发环境下通过 utils/http.js 中的 base 地址访问接口。

核心功能

门户首页与心理科普

学生打开系统首页即可看到心理百科摘要、心理视频列表、推荐书籍卡片与咨询师入口，便于快速了解平台资源。首页各模块数据来自后台统一维护，保证内容更新后前台同步展示。

心理百科列表页以图文卡片形式展示条目标题、摘要与发布时间，支持分页浏览。学生点击条目进入详情页阅读完整科普内容，有助于在预约前自助获取基础知识。

咨询师展示与预约咨询

咨询师列表页展示头像与姓名，学生可进入详情查看学历、收费标准与个人简介。登录后，学生填写预约时长与联系方式，系统按咨询师 hourly 费率自动计算总金额，并在「我的预约」中跟踪状态。

除即时预约外，学生也可在「提交咨询问题」页面选择咨询师、填写主题与详细描述，待咨询师在后台文字回复后在个人中心查看结果，适合不便到场的轻量咨询场景。

管理端登录与咨询问题处理

管理员与咨询师通过独立登录页进入后台，登录表单支持身份单选。咨询师登录后可在「咨询问题管理」中按学号、主题检索学生提问，查看详情并填写回复内容，保存后学生端即可看到反馈。

管理员拥有更高权限，可维护学生与咨询师账号、通知公告、百科、视频及推荐书籍等。书籍编辑页集成富文本编辑器，支持封面图片上传与 ISBN、价格、购买链接等字段维护，便于构建校园心理阅读推荐库。

数据库设计

系统数据库包含 10 张核心业务表，主要包括：

• student：以学号为主键，存储密码、姓名、专业、班级、照片与注册时间
• counselor：咨询师账号与资料，含收费标准 cfee、简介 cintro 等字段
• reservation：预约记录，关联咨询师账号与学号，含预约数量、总金额、提交时间与 reservationstatus 状态
• question：在线咨询问题，含主题、内容、提交时间与 questionreply 回复字段
• article / encyclopedia / video / book / notice：各内容模块的标题、媒体文件、富文本正文与发布时间

预约状态以文本形式存储（如「已确认」），便于在列表中直接展示业务进度；金额由前端提交预约数量乘以咨询师费率计算后写入 reservationamount 字段。

界面与交互展示

从前台导航结构看，学生路径为：首页 → 选择栏目（百科/视频/书籍/咨询师）→ 详情 → 个人中心提交预约或问题。后台路径为：登录 → 左侧菜单进入对应管理页 → 表格检索 → 新增/编辑/回复。Element Plus 表格与分页组件贯穿列表页，WangEditor 用于长文本维护，交互风格统一、学习成本较低。

部署与运行

运行环境建议 JDK 1.8、MySQL 5.5+、Node.js 14+ 与现代浏览器。部署时先执行 DB 目录下 collegepsychologicalcounseling.sql 初始化库表，配置 application.yml 中的数据源与上传目录后启动 Spring Boot 服务，再在前端工程执行 npm install 与 npm run serve。生产环境请务必修改默认管理员、咨询师与学生账号密码，勿使用演示环境弱口令；并将 http.js 中的接口地址改为实际服务器域名。

总结

本系统将高校心理咨询常见场景——科普传播、咨询师展示、预约登记与在线问答——整合到统一 Web 平台，技术栈清晰、模块划分明确，适合作为计算机相关专业毕业设计或课程项目的参考实现。后续可扩展短信提醒、预约时段冲突检测、心理测评量表或移动端小程序等能力，进一步提升校园心理服务的覆盖面和时效性。