【a01】Springboot+vue+mysql员工考勤管理系统（多角色登录、请假、打卡）

开发环境：Springboot+Mysql+Vue+Nodejs+Maven+JDK1.8
技术栈：spring-boot、mysql、mybatis-plus、druid连接池。

部分功能及代码介绍：
1.员工类型：部门经理、副总经理、总经理、人事人员、财务人员

2.请假申请可以经过部门经理、总经理审核同意

       
          添加申请
          请假记录
          部门经理审核申请
          总经理审核申请

3.请假类型：

formatType(row){
            if (row.type == 0) {
                return '事假';
            } else if (row.type == 1) {
                return '年假';
            } else if (row.type == 2) {
                return '婚假';
            } else if (row.type == 3) {
                return '产检';
            } else if (row.type == 4) {
                return '产假';
            } else if (row.type == 5) {
                return '哺乳';
            } else if (row.type == 6) {
                return '陪产';
            } else if (row.type == 7) {
                return '外出';
            } 
        },

4.员工打卡类型：

   formatType(row){
            if (row.type == 0) {
                return '上班打卡';
            } else if (row.type == 1) {
                return '下班打卡';
            } else if (row.type == 2) {
                return '外出打卡';
            } else if (row.type == 3) {
                return '返回打卡';
            }
        },

5.员工当前状态：

  loadstate(){
            var empId = window.sessionStorage.getItem('empId');
            this.$http.get('/queryEmpStateById/'+empId).then(res => {
                if (res.data==0){
                    this.state = '下班';
                    this.isHere = false;
                }else if (res.data==1){
                    this.state = '在班';
                    this.isHere = true;
                }else if (res.data==2){
                    this.state = '外出';
                    this.isHere = false;
                }else if (res.data==3){
                    this.state = '假期';
                    this.isHere = false;
                }else if (res.data==4){
                    this.state = '请假';
                    this.isHere = false;
                }
            });
        },

6.员工信息展示

**运行截图展示：**                 **一.vscode前端运行过程：** 1.安装依赖  ```c npm i ``` 或者 ```c cnpm i ``` 2.启动项目  ```c cnpm run dev ``` 6.跳转即可打开  **（数据库请自行导入，这里就不展开）**

IDEA后端连接数据库 教程（保姆级）：
(注意：建议使用jdk1.8）

选择对应目录

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

在右侧连接数据库

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

记得修改springboot-vue-student-masterspringboot-vue-student-mastersrcmainresources下application.yml配置文件的密码为自己数据库的密码。

更新maven文件

运行成功

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

http://localhost:8080/#/login

运行啦

源码及数据库：
百度云链接：https://pan.baidu.com/s/1QnZ0Vc5w5cJCw1KnAP18IA
提取码：674p