计算机毕业设计 ssm企业人事管理系统 vue 毕设76

一、技术路线：

开发语言：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人事权限的功能实现界面