基于Springboot + vue3实现的大学生心理咨询平台

74 阅读3分钟

项目描述

本系统包含管理员、学生、教师三个角色。
管理员角色:
  1. 用户管理:管理系统中所有用户的信息,包括添加、删除和修改用户。
  2. 心理教师管理:管理心理教师的信息,包括添加、删除和修改心理教师。
  3. 心理文章管理:管理心理文章的信息,包括添加、删除和修改心理文章。
  4. 心理测试管理:管理心理测试的信息,包括添加、删除和修改心理测试,以及查看测试回答和心理测评报告。
  5. 线下心理咨询管理:管理线下心理咨询预约和取消预约的信息。
  6. 线上心理咨询管理:管理线上咨询和心理评价的信息。
  7. 轮播图管理:管理系统轮播图的信息。
  8. 论坛管理:管理论坛交流的信息。
学生角色:
  1. 心理测试管理:查看心理测试和测试回答,以及导出心理测评报告。
  2. 线下心理咨询管理:查看和取消线下心理咨询预约。
  3. 线上心理咨询管理:新增和查看线上咨询。
  4. 我的收藏管理:管理我的收藏信息。
  5. 论坛管理:管理我的发布信息。
  6. 心理文章:查看心理文章和评论。
  7. 心理测试:查看和进行心理测试。
  8. 心理教师:查看和预约心理教师。
  9. 论坛交流:查看和新增论坛交流。
教师角色:
  1. 用户管理:查看学生信息。
  2. 心理测试管理:查看测试回答和上传心理测评报告。
  3. 线上心理咨询管理:查看、审核和评价线上咨询,以及查看心理评价。
  4. 心理文章:查看心理文章和评论。
  5. 心理测试:查看和进行心理测试。
  6. 心理教师:查看和预约心理教师。
  7. 论坛交流:查看和新增论坛交流。

技术选型

开发工具:Idea + Vscode 运行环境:JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术:SpringBoot + Mybatis-Plus + Maven 前端技术:Vue3 + Axios + Element-UI

系统截图

1.首页

图片

2.心理文章

图片

3.心理测试

图片

4.心理教师

图片

5.论坛交流

图片

6.后台登录

图片

7.学生管理

图片

8.心理教师管理

图片

9.心理文章管理

图片

10.测试回答管理

图片

11.取消预约管理

图片

12.心理评价管理

图片

13.轮播图管理

图片

14.论坛交流管理

图片

运行步骤

准备环境

安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

创建数据库

使用Navicat工具创建数据库并导入SQL脚本

配置后端

修改application.yml中的数据库连接信息(用户名/密码/库名)

启动后端服务

进入后端项目(/server_code) 执行:

mvn clean install
mvn spring-boot:run

前端依赖安装

进入前端目录(/manage_code或者/client_code) 执行安装命令:

npm install

启动前端服务

执行启动命令:

npm run serve 

访问系统

后端接口系统访问地址: http://localhost:8080 后台系统前端访问地址: http://localhost:8081 前台系统前端访问地址: http://localhost:8082

常见问题

端口冲突
  • 修改后端配置文件application.yml
  • 修改前端配置文件vue.config.js
前端安装依赖失败
  • 删除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json
  • 清除缓存
npm cache clean --force
  • 切换npm镜像源
npm config set registry https://registry.npmmirror.com