基于Springboot + vue3实现的在线智慧考公系统

58 阅读2分钟

项目描述

本系统包含管理员、教师、用户三个角色。
管理员角色:
  1. 用户管理:管理系统中所有用户的信息,包括添加、删除和修改用户。
  2. 配置管理:管理系统配置参数,如上传图片的路径等。
  3. 权限管理:分配和管理不同角色的权限。
  4. 公告信息管理:发布和管理公告信息。
  5. 轮播图管理:管理首页轮播图。
教师角色:
  1. 成绩分析管理:对学生的考试成绩进行分析,包括选择题、推理题、大作文等。
  2. 试卷管理:管理试题和试卷,包括新增、查看、修改和删除试题。
  3. 申论测试管理:发布和管理申论测试题目,查看和评分学生提交的测试。
  4. 学习资源管理:管理考公资源,包括新增、查看、修改和删除资源。
用户角色:
  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.考公资源管理

图片

15.提交测试管理

图片

16.公告信息管理

图片

运行步骤

准备环境

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