[附源码]Nodejs计算机毕业设计人事考勤管理系统Express(程序+LW)

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流

项目运行

环境配置：

Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。

项目技术：

Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。

环境需要

1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。

2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;

3.mysql环境：建议是用5.7版本均可

4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；

6.Navcat11：这个版本不限10/11/14/15都可以。；

Node.js毕设帮助，指导，本源码(见文末)，调试部署

3.3网站功能分析

考虑到实际生活中在人事考勤管理系统管理方面的需要以及对该系统认真的分析,将系统权限按管理员和员工这两类涉及用户划分。

(a) 管理员；管理员使用本系统涉到的功能主要有：个人中心、员工管理、员工薪资管理、部门信息管理、人事考勤管理、员工奖惩管理、加班记录管理、管理员管理等功能。管理员用例图如图3-1所示。

图3-1　管理员用例图

 

(b)员工进入系统后台可以实现个人中心、员工薪资管理、部门信息管理、人事考勤管理、员工奖惩管理、加班记录管理等功能。员工用例图如图3-2所示。

图3-2员工用例图

 

3.4系统流程的分析

由于不同的系统实际使用用户角色的不同,他们的业务分析也会变得有所不一样,为了论述方便接下来都将以管理员用户功能权限下的系统业务流程来分析,如下图所展示:

3.4.1通知公告管理的流程

 

图3-3 通知公告管理流程

3.4.2个人中心管理流程

 

图3-4 个人中心管理流程

3.4.3登录流程

 

图3-5 登录流程

4.1 软件功能模块设计

网站整功能如下图所示：

 

图 4-1 人事考勤管理系统总体功能模块图

4.2数据库设计

4.2.1概念模型设计

概念模型是对现实中的问题出现的事物的进行描述，ER图是由实体及其关系构成的图，通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。

员工信息实体图如图4-2所示：

 

员工奖惩实体图如图4-3所示：

图4-3员工奖惩实体图

 

员工考勤实体图如图4-4所示：

 

图4-4员工考勤实体图

5.1管理员功能模块

管理员进行登录，进入系统前在登录页面根据要求需要填写用户名和密码，选择登录角色，点击登录进行登录操作，如图5-1所示。

 

图5-1管理员登录界面图

管理员登录系统后，可以对个人中心、员工管理、员工薪资管理、部门信息管理、人事考勤管理、员工奖惩管理、加班记录管理、管理员管理等进行相应的操作管理，如图5-2所示。

 

图5-2管理员功能界面图

在员工管理页面可以对员工工号、员工姓名、性别、部门、职位、入职时间、联系方式、邮箱、身份证、照片等内容进行详情、修改、删除或新增等操作，员工管理如图5-3所示。

 

图5-3员工管理界面图

员工薪资管理，在员工薪资管理页面可以对年月份、员工工号、员工姓名、部门、职位、底薪、全勤奖、加班费等内容进行查看详情、修改、删除、新增、支付、导出、查看统计报表等操作，如图5-4所示。

 

图5-4员工薪资管理界面图

部门信息管理，在部门信息管理页面可以查看部门名称、部门负责人、联系电话、办公区域等内容，并进行详情查看、修改、删除或新增等操作，如图5-5所示。

 

图5-5部门信息管理界面图

在员工奖惩管理页面，可以对员工工号、员工姓名、性别、部门、职位、类型、奖惩金额、登记时间等进行查看详情、修改、删除或新增、查看统计报表操作；员工奖惩管理如图5-6所示。

 

图5-6员工奖惩管理界面图

在加班记录管理页面，管理员可以对加班类型、加班事由、开始时间、结束时间、加班时长、员工工号、员工姓名、部门、职位等内容进行查看详情、修改、删除或新增、导出等操作，加班记录管理如图5-7所示。

 

图5-7加班记录管理界面图

5.2员工功能模块

员工登录到系统后台，可以对个人中心、员工薪资管理、部门信息管理、人事考勤管理、员工奖惩管理、加班记录管理进行操作，如图5-8所示。

 

图5-8员工功能界面图

在个人中心页面，员工可以对员工工号、员工姓名、性别、部门、职位、入职时间、联系方式、邮箱、身份证、照片等个人信息就行修改，还能修改密码，个人中心管理如图5-9所示。

 

图5-9个人中心界面图

员工薪资管理，在员工薪资管理页面，员工可以对查看年月份、员工工号、员工姓名、部门、职位、底薪、全勤奖、加班费、其他扣款、金额、工资备注、登记时间、是否支付等内容，并进行查询、导出等操作，员工薪资管理页面如图5-10所示。

 

图5-10员工薪资管理界面图

在部门信息管理页面，员工可以查看部门名称、部门负责人、联系电话、办公区域等信息，部门信息管理如图5-11所示。

 

图5-11部门信息管理界面图

在人事考勤管理页面，员工可以查看员工工号、员工姓名、部门、考勤类型、操作时间等信息，并进行查询的操作，人事考勤管理如图5-12所示。

 

图5-12人事考勤管理界面图

Node.js毕设帮助，指导，源码获取，调试部署