基于SpringBoot+MySQL+Vue+Redis教务管理系统

发布于：2024-05-18 ⋅ 阅读:(166) ⋅ 点赞:(0)

一、引言

本文主要是对于作者实习期所学习成果的检验，基于作者本人目前的开发水平，有些项目代码写的不好的地方也请大家指正，欢迎大家一起交流，一起提高。

二、开发技术

技术路线是SpingBoot+Vue+MySQL+Redis+Apache Echarts，前端开发框架采用Vue3，后端开发框架采用SpringBoot，数据库采用MySQL，Redis用于项目热存储，Apache Echarts用于孙数据渲染。

三、项目需求分析

高校教务管理系统主要分为三类用户：管理员，教师，学生。那么我们就要思考这些用户都要有什么功能？

管理员用例图：

空着

教师用例图：

同上

学生用例图：

同上

基于这些用例图，我们可以知道高校教务管理系统各个用户所需要的功能，那么项目需求就分析完成了。

四、项目总体设计

先空着

五、项目具体功能的实现

1. 登录功能的实现

登录功能是整个系统最基础的功能，那么我们要考虑教师、管理员、学生这些用户的数据库怎么设计，怎么验证是否是合法用户的访问。如果非法用户访问我们的系统，我们该怎么做？用户登录到系统需要给前端携带什么数据？这些都是在本小节需要进行思考的问题。

1.1 数据库设计

首先我们来设计一个数据库（注数据库采用Navicat进行管理，没有Navicat的可以先去下载一个，下载教程本博主就不过多介绍了。），如图所示：

1.2 user表的设计如图：

1.2.1 为数据库中填充三个用户分别为管理员，学生，教师

1.3 利用Vue脚手架开发前端初期框架（注：编程工具采用VSCODE，至于怎么使用脚手架进行开发Vue前端，本博主在此不再过多介绍）

1.3.1 先配置一下登录页面的路由地址

import { createRouter, createWebHistory } from 'vue-router'
import LoginVue from '@/views/LoginVue.vue'
const routes = [
  //配置登录页面的路由
  { path: '/user/login', component: LoginVue },
  //配置空页面的路由地址
  {
    path: '/', redirect: '/user/login'
  }
]
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: routes
})

export default router