【015】基于springboot+vue+mysql+的学生考勤管理系统（含源码、数据库、运行教程、运行截图）

主要技术：
前端：Vue、Element-UI、Echarts、VueX
后端：Springboot、Shiro、Mysql、 mybatisplus

我的运行环境：
Jdk1.8 +VSCODE+Mysql(版本需为8.0及以上)+IntelliJ IDEA专业版+Redis+Node.js

项目为前后端分离系统。
学生考勤管理系统界面效果展示：
用户管理增删改查：

用户角色设置：

用户权限管理：
文件上传下载（用户信息上传与下载）

学生用户首页::

角色管理首页：

管理员界面首页：

修改用户信息页面：

角色权限管理：

系统登录：




管理员账户 wang 密码 123456
用户管理中编辑角色：


赋予了角色后，便可随意进行登录多角色了

Mysql操作教程：

登录数据库，打开sqlyog,建立好连接后，创建数据库
数据库名称：attend_mgt.sql，基字符集选择utf8（没有则数据库排序规则选择utf8_bin）

创建数据库后，点击数据库–导入–执行SQL脚本，

选择目录下sql文件，点击执行，确认后导入成功。

Vscode教程：

新建终端，先npm i安装依赖，接着npm run serve即可

npm i

npm run serve

Redis教程
双击打开redis-server.exe即可


IDEA操作过程：
(注意：建议使用jdk1.8）

选择对应目录
选择从外部模型导入maven项目

项目加载且右侧出现maven和databse

在右侧连接数据库

分别填入用户名、数据库密码、数据库名称

显示数据库连接成功

记得修改application.yml配置文件的密码为自己数据库的密码。

运行成功

记得修改logback.spring.xml中的日志存储位置为自己可以存在的路径

以上操作配置完，便可以打开

http://localhost:8080/#/login

运行啦

文件目录