一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1Lp4y1T7iT?t=18.7
三、运行截图：
3.1系统调试运行
在电脑上安装Idea软件和Mysql软件后，先打开Mysql软件，运行数据库。数据库运行成功后可以看到本系统所创建的所有数据库表。然后打开Idea软件，在打开本系统的源码后可以进行运行，运行成功后可以出现系统登录的界面。系统调试运行界面如下图3-1所示：
图3-1系统运行调试界面
3.2登录功能的界面实现
系统运行调试后，需要登录。登录界面设计的目的是保证当前的使用角色等级。管理员同样需要登录后才可以进行操作。在登录时只需要填写用户账号和密码、选择权限就可以实现。用户登录的运行界面如下图3-2所示：
图3-2用户登录的运行界面
在登录的界面中包含的元素有系统题目、输入框、登录按钮、选择框。本系统的使用权限为管理员和员工、人事。权限选择框的运行界面如下图3-3所示：
图3-3权限选择框运行界面
3.3管理员功能的设计实现
3.3.1员工信息管理功能的实现界面
员工的信息可由管理员添加，本功能设计的目的是添加和审核员工的资料，当发现不当的使用员工可以删除其账号。当删除员工信息后相对应的员工信息表里的信息也会随着删除掉。查询员工信息功能的运行界面如下图3-4所示：
图3-4查询员工信息功能的运行界面
3.3.2 个人中心管理功能的实现界面
个人中心管理的内容包括当前登录账号修改、密码信息。本系统中可以拥有多个管理员。个人中心管理功能的运行界面如下图3-5所示：
图3-5个人中心管理功能的运行界面
3.3.3基础数据管理功能的实现界面
基础数据包括部门信息、职位信息以及请假类型。管理员可以添加部门和管理员工的职位以及设置请假的类型。部门信息管理功能的运行界面如下图3-6所示：
图3-6部门信息管理功能的运行界面
职位信息可以查询和更新、修改。查询职位信息的运行界面如下图3-7所示：
图3-7查询职位信息的运行界面
3.3.4 考勤管理功能的实现界面
管理员可以查看所有员工的考勤信息，可以进行查找和统计。考勤统计功能的运行界面如下图3-8所示：
图3.8考勤统计管理运行界面
管理员可以添加和管理员工的考勤信息，添加考勤运行界面如下图3-9所示：
图3-9添加考勤信息的运行界面展示
3.3.5请假信息管理功能的实现界面
管理员可以收到员工的请假申请，可以进行审核和修改管理。请假信息管理功能的实现界面如下图3-10所示：
图3-10请假信息管理功能的实现界面
3.3.6员工薪资管理功能的实现界面
管理员可以发布员工的薪资，员工查询的薪资都是由此功能进行发布的。管理员查询员工薪资的实现界面如下图3-11所示：
图3-11管理员查询薪资的实现界面
3.3.7合同管理功能的实现界面
可以查看合同和制定合同，实现界面如下图3-12所示：
图3-12合同管理界面
3.3.8人事管理功能的实现界面
管理员可以审核人事的资料信息，实现界面如下图3-13所示：
图3-13查询人事信息的实现界面
3.4员工角色功能的界面实现
3.3.1请假信息管理功能的界面实现
员工的功能主要为申请请假、考勤管理和薪资、合同查询。在申请请假时需要填写请假原因、请假时间等。员工在线请假功能的运行界面如下图3-14所示：
图3-14员工在线请假功能的运行界面
3.3.2考勤管理功能的实现界面
员工可以查询考勤信息。考勤信息功能的运行界面如下图3-15所示：
图3-15考勤管理功能的运行界面
3.3.3个人资料管理功能的实现界面
员工可以修改个人的资料，可以使个人的资料更准确。修改个人资料的实现界面如下图3-16所示：
图3-16修改个人资料的功能实现界面
3.3.4薪资信息管理功能的实现界面
员工可以查询薪资详情。员工查询薪资的实现界面如下图3-17所示：
图3-17员工查询薪资的实现界面
3.3.5合同管理功能的实现界面
员工也可以查询自己的合同，然后进行签订，实现界面如下图3-18所示：
图3-18查询合同功能的实现界面
3.5人事权限的功能实现
人事的功能为管理个人资料和员工信息。人事权限的功能实现界面如下图3-19所示：
图3-19人事权限的功能实现界面