学生信息管理 vue+Element UI+springboot 前后端分离

最新推荐文章于 2023-01-05 09:16:53 发布

原创

最新推荐文章于 2023-01-05 09:16:53 发布 · 883 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #mysql #spring boot #java #vue

这是一个使用Vue.js前端和SpringBoot后端实现的学生信息管理系统，结合Element UI进行界面设计。系统包括管理员、教师和学生的登录注册功能，以及管理员对学生、教师和班级信息的管理。后端依赖包括Shiro、Spring Web、Spring Data JPA、MySQL等，采用Maven构建。

练手的项目前端采用vue+element ui 后端springboot 数据库 mysql

教务信息管理系统管理员登录教师学生注册登录

管理员登录管理管理员编辑角色管理学生管理教师管理班级信息

教师注册登录编辑个人信息修改密码

学生注册登录编辑个人信息修改密码

系统运行截图

数据库设计

这里主要是admin_menu表的设计
path 与 Vue 路由中的 path 对应，即地址路径

name 与 Vue 路由中的 name 属性对应

name_zh 中文名称，用于渲染导航栏（菜单）界面

icon_cls element 图标类名，用于渲染菜单名称前的小图标

component 组件名，用于解析路由对应的组件

parent_id 父节点 id，用于存储导航栏层级关系

springboot后端的pom文件：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.5.4</version>
<relativePath/> 
</parent>
<groupId>com.mecol</groupId>
<artifactId>education</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>education</name>
<description>Demo project for Spring Boot</description>
<properties>
<java.version>