基于Springboot + vue3实现的实验室研究生信息管理系统
项目描述
本系统包含管理员、学生两个角色。
管理员角色：
用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。
配置管理：管理系统配置参数，如上传图片的路径等。
权限管理：分配和管理不同角色的权限。
学生管理：管理学生信息，包括学号、姓名、性别、联系方式等。
教师管理：管理导师信息，包括导师姓名、照片、联系电话、研究方向等。
学生成绩管理：管理学生成绩信息，包括课程名称、成绩类型、学期、成绩、排名等。
实验室信息管理：管理实验室信息，包括实验室名称、位置、规模、设备、设施等。
公告信息管理：管理公告信息，包括标题、简介、图片、内容等。
课程信息管理：管理课程信息，包括课程名称、简介、上课时间、地点等。
轮播图管理：管理轮播图信息，包括图片路径等。
学生角色：
个人信息管理：学生可以管理自己的个人信息，包括学号、姓名、性别、联系方式等。
学生成绩查看：学生可以查看自己的成绩信息，包括课程名称、成绩类型、学期、成绩、排名等。
课程信息查看：学生可以查看课程信息，包括课程名称、简介、上课时间、地点等。
实验室信息查看：学生可以查看实验室信息，包括实验室名称、位置、规模、设备、设施等。
公告信息查看：学生可以查看公告信息，包括标题、简介、图片、内容等。
导师信息查看：学生可以查看导师信息，包括导师姓名、照片、联系电话、研究方向等。
技术选型
开发工具：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.轮播图管理
运行步骤
准备环境
安装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