【023】Springboot+vue+mysql员工考勤管理系统（多角色登录、请假、打卡）(含源码、数据库、运行教程)

前排提示：项目源码已放在文末
开发环境：Springboot+Mysql+Vue+Nodejs+Maven+JDK1.8
技术栈：spring-boot、mysql、mybatis-plus、druid连接池。

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

<el-form-item label="员工角色"><el-select v-model="employer.role" placeholder="请选择员工类型"><el-option label="员工" value="0"></el-option><el-option label="部门经理" value="1"></el-option><el-option label="副总经理" value="2"></el-option><el-option label="总经理" value="3"></el-option><el-option label="人事人员" value="4"></el-option><el-option label="财务人员" value="5"></el-option></el-select>

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

       <template slot="title">请假及审核</template><el-menu-item index="/apply/addApply">添加申请</el-menu-item><el-menu-item index="/apply/applyList">请假记录</el-menu-item><el-menu-item index="/apply/ManageApply" :disabled="ismanager">部门经理审核申请</el-menu-item><el-menu-item index="/apply/ManageApplyX" :disabled="ismanager">总经理审核申请</el-menu-item>

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.员工信息展示

<el-table-columnprop="name"label="姓名">
</el-table-column>
<el-table-columnprop="gender"label="性别":formatter="formatGender">
</el-table-column>
<el-table-columnprop="phone"label="手机号">
</el-table-column>
<el-table-columnprop="role"label="职位":formatter="formatRole">
</el-table-column>

运行截图展示：

一.vscode前端运行过程：
1.安装依赖

npm i

或者

cnpm i

2.启动项目

cnpm run dev

6.跳转即可打开

（数据库请自行导入，这里就不展开）

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

选择对应目录

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

在右侧连接数据库

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

记得修改springboot-vue-student-master\springboot-vue-student-master\src\main\resources下application.yml配置文件的密码为自己数据库的密码。

更新maven文件

运行成功

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

http://localhost:8080/#/login

运行啦

源码及数据库：
百度云链接：https://pan.baidu.com/s/1SaXwgl71MovWqdzHyLTR8g
提取码：78on

也可以添加cynm-2233获取，码字不易，还望点赞~

【023】Springboot+vue+mysql员工考勤管理系统（多角色登录、请假、打卡）(含源码、数据库、运行教程)相关推荐

【024】Vue+Springboot+mysql员工考勤管理系统(多角色登录、请假、打卡)(含源码、数据库、运行教程、实验报告)
前排提示:项目源码已放在文末基于Vue+Springboot+mysql员工考勤管理系统(多角色登录.请假.打卡) 开发环境:Springboot+Mysql+Vue+Nodejs+Maven+JD ...
【SpringBoot实战】员工部门管理页面，增删改查，含源码
简介基于SpringBoot,整合MyBatis, Hibernate, JPA, Druid, bootstrap, thymeleaf等,进行增删改查操作的Demo bootstrap-curd ...
基于javaweb固定资产管理系统的设计与实现（论文+程序设计源码+数据库文件）
目录摘要: 2 1 绪论 4 1.1 项目开发背景 4 1.2 项目开发意义 4 1.3 项目主要的内容 4 2 相关技术介绍及系统环境开发条件 4 2.1相关技术介绍 5 2.2系统环境开发条件 ...
最新爱词霸 Java + mysql （含源码+数据库）
爱词霸最新爬取 Java + mysql (含源码+数据库) 感觉金山词库的内容相对来说是最完整的!研究了一天,通过爬取html整出来的! 当然只是教程,切勿真实爬取.具体实现为什么这么做,不做阐述 ...
【Chrome浏览器插件开发】浏览器插件运行机制03之实战使用Vue.js 3 + Vite 2开发出简易的浏览器插件(含源码）
文章目录知识点: 一.使用 vite 创建项目 1.1 环境搭建 1.2 安装vite工具 1.3 创建vite项目 1.4 进入项目并安装依赖 1.5 修改端口 1.6 运行项目二.创建项目资源 ...
Springboot+ssm企业员工考勤管理系统
毕业的进度: 第一阶段系统概要设计,设计系统架构,数据库模型第二阶段完成模块的开发与测试第三阶段实现主要模块本公司员工管理系统的设计与实现以Springboot作 ...
springboot+jsp公司员工考勤管理系统
各阶段教学要求第一阶段:课题研究的目的和意义考勤管理系统能够帮助公司单位在人事管理上对员工信息进行管理,系统全面实现了公司的基本管理要求,能大大提高公司的工作效率和管理能力. 第二阶段: ...
VUE毕设项目 - 基于SSM的疫情期间医院门诊系统(含源码+论文)
文章目录 1 项目简介 2 实现效果 2.1 界面展示 3 设计方案 3.1 概述 3.2 系统开发流程 3.3 系统结构设计 4 项目获取 1 项目简介 Hi,各位同学好呀,这里是M学姐! 今天向大 ...
基于SSM框架实现的影城票务管理系统【源码+数据库+运行指导视频】
一.项目简介本项目是一套基于SSM框架实现的影城票务管理系统,主要针对计算机相关专业的正在做bishe的学生和需要项目实战练习的Java学习者. 包含:项目源码.数据库脚本等,该项目可以直接作为bi ...

【023】Springboot+vue+mysql员工考勤管理系统（多角色登录、请假、打卡）(含源码、数据库、运行教程)

【023】Springboot+vue+mysql员工考勤管理系统（多角色登录、请假、打卡）(含源码、数据库、运行教程)相关推荐

最新文章

热门文章