基于Springboot + vue3实现的教育资源共享平台

52 阅读3分钟

项目描述

本系统包含管理员、用户两个角色。
管理员角色:
  1. 用户管理:管理系统中所有用户的信息,包括添加、删除和修改用户。
  2. 配置管理:管理系统配置参数,如上传图片的路径等。
  3. 权限管理:分配和管理不同角色的权限。
  4. 考试管理:管理考试记录、试题和试卷。
  5. 学习社区管理:管理学习社区的帖子。
  6. 教育资源管理:管理教育资源,包括添加、删除和修改教育资源。
  7. 在线教育管理:管理在线教育内容,包括添加、删除和修改在线教育内容。
  8. 轮播图管理:管理系统轮播图。
  9. 教育分类管理:管理教育分类。
用户角色:
  1. 考试记录查看:用户可以查看自己的考试记录。
  2. 学习社区管理:用户可以发布和管理自己的学习社区帖子。
  3. 我的收藏管理:用户可以管理自己的收藏内容。
  4. 完成计划管理:用户可以管理自己的完成计划。
  5. 学习计划管理:用户可以管理自己的学习计划。
  6. 在线教育查看:用户可以查看在线教育内容。
  7. 教育资源查看:用户可以查看教育资源。
  8. 学习社区查看:用户可以查看学习社区内容。

技术选型

开发工具: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.用户管理

图片

15.管理员管理

图片

16.轮播图管理

图片

17.教育分类管理

图片

运行步骤

准备环境

安装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