基于Springboot + vue3实现的小学学生托管管理系统

77 阅读3分钟

项目描述

本系统包含管理员、学生、家长、教师四个角色。
管理员角色:
  1. 用户管理:管理系统中所有用户的信息,包括添加、删除和修改用户。
  2. 班级信息管理:管理班级信息,包括添加、删除和修改班级信息。
  3. 通知信息管理:管理通知类型和通知信息,包括添加、删除和修改通知。
  4. 每日菜谱管理:管理每日菜谱,包括添加、删除和修改菜谱。
  5. 作业信息管理:管理作业信息,包括查看和删除作业信息。
  6. 反馈记录管理:管理反馈记录,包括查看和删除反馈记录。
  7. 学生考勤管理:管理学生考勤信息,包括添加、删除和修改考勤信息。
  8. 教师评价管理:管理教师评价信息,包括查看和删除评价信息。
  9. 轮播图管理:管理轮播图配置参数。
学生角色:
  1. 作业信息查看:学生可以查看作业信息。
  2. 通知信息查看:学生可以查看通知信息。
  3. 每日菜谱查看:学生可以查看每日菜谱。
家长角色:
  1. 反馈记录管理:家长可以新增、查看、修改和删除反馈记录。
  2. 学生考勤管理:家长可以查看学生考勤信息。
  3. 教师评价管理:家长可以新增、查看、修改和删除教师评价信息。
  4. 通知信息查看:家长可以查看通知信息。
  5. 每日菜谱查看:家长可以查看每日菜谱。
教师角色:
  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.作业信息

图片

运行步骤

准备环境

安装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
执行安装命令:

npm install

启动小程序端

使用微信开发者工具打开小程序端目录(/wechat_code)运行。

启动前端服务

执行启动命令:

npm run serve 

访问系统

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

常见问题

端口冲突
  • 修改后端配置文件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