项目编号：L-BS-QBBSSPRINGBOOT-115
一，环境介绍
语言环境：Java: jdk1.8
数据库：Mysql: mysql5.7
应用服务器：Tomcat: tomcat8.5.31
开发工具：IDEA或eclipse
技术：springboot+mysql+html+java
二，项目简介
随着信息技术在管理上越来越深入而广泛的应用，作为学校以及一些培训机构，都在用信息化战术来部署线上学习以及线上考试，可以与线下的考试有机的结合在一起，实现基于vue的人事系统在技术上已成熟。本文介绍了基于vue的人事系统的开发全过程。通过分析企业对于基于vue的人事系统的需求，创建了一个计算机管理基于vue的人事系统的方案。文章介绍了基于vue的人事系统的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。
本基于vue的人事系统有管理员和员工两个角色。管理员功能有个人中心，部门信息管理，员工信息管理，考勤信息管理，上班记录管理，下班记录管理，加班记录管理，员工薪酬管理等。员工功能有个人中心，考勤信息管理，上班记录管理，下班记录管理，加班记录管理，员工薪酬管理等。因而具有一定的实用性。
本站是一个B/S模式系统，前端采用vue框架，后端采用Java的SSM框架作为开发技术，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得基于vue的人事系统管理工作系统化、规范化。
本系统是基于B/S架构的网站系统，设计的管理员功能结构图如下图所示：
编辑
本系统是基于B/S架构的网站系统，设计的员工功能结构图如下图所示：
编辑
三，系统展示
3.1 管理员模块的实现
3.1.1 员工信息管理
基于vue的人事系统的系统管理员可以管理员工信息，可以对员工信息添加修改删除操作。具体界面的展示如图3.1所示。
编辑
图3.1 员工信息管理界面
3.1.2 考勤信息管理
系统管理员可以考勤信息进行添加，修改，删除操作。具体界面如图3.2所示。
编辑
图3.2 考勤信息管理界面
3.2 员工模块的实现
3.2.1 考勤信息管理
员工可以对考勤信息进行添加，修改删除操作。界面如下图所示：
编辑
图3.3 考勤信息管理界面
3.2.2 下班记录管理
员工登录后，可以对查看自己的下班记录。界面如下图所示：
编辑
图3.4 下班记录界面
