计算机毕业设计Node.js+Express企业员工考勤管理系统 (源码+程序+lw+远程调试)

项目运行

环境配置：

Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。

项目技术：

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毕设帮助，指导，本源码(见文末)，调试部署

4.1员工功能模块

员工登录，通过登录页面输入用户名、密码、选择角色等信息进行登录操作，如图4-1所示。

图4-1员工登录界面图

员工登录进入企业员工考勤管理系统可以查看首页、个人中心、请假信息管理、出差申请管理、考勤信息管理、通知公告管理等信息进行详细操作，如图4-2所示。

图4-2员工功能界面图

个人中心：员工在个人中心页面中可以填写员工工号、员工姓名、部门、经理工号、经理姓名、性别、岗位、手机等信息，可进行修改个人信息，并且修改密码，如图4-3所示。

图4-3个人中心界面图

请假信息管理；在请假信息管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、岗位、手机、请假日期、审核回复、审核状态等内容，并进行修改和删除等操作；如图4-4所示。

图4-4请假信息管理界面图

出差申请管理；在出差申请管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、岗位、手机、申请时间、出差时间、目的地、审核回复、审核状态等内容，并进行修改和删除等操作；如图4-5所示。

图4-5出差申请管理界面图

通知公告管理；在通知公告管理页面中可以查看公告标题、发布时间等内容，并进行详情操作；如图4-6所示。

图4-6通知公告管理界面图

考勤信息管理；在考勤信息管理页面中可以查看员工工号、员工姓名、经理工号、部门、出勤时间、请假天数、平时加班、周末加班、节假日加班、早退次数、迟到次数、缺勤天数、出差天数、登记时间等内容，并进行详情操作；如图4-7所示。

图4-7考勤信息管理界面图

4.2 部门经理功能模块

部门经理登录，通过登录页面输入用户名、密码、选择角色等信息进行登录操作，如图4-8所示。

图4-8部门经理登录界面图

部门经理登录进入企业员工考勤管理系统可以查看首页、个人中心、员工管理、请假信息管理、出差申请管理、考勤信息管理、通知公告管理等信息进行详细操作，如图4-9所示。

图4-9部门经理功能界面图

个人中心：部门经理在个人中心页面中可以填写经理工号、部门、经理姓名、性别、联系电话、身份证等信息，可进行修改个人信息，并且修改密码，如图4-10所示。

图4-10个人中心界面图

员工管理；在员工管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、性别、岗位、手机等内容，并进行修改和删除等操作；如图4-11所示。

图4-11员工管理界面图

通知公告管理；在通知公告管理页面中可以查看公告标题、发布时间等内容，并进行详情操作；如图4-12所示。

图4-12通知公告管理界面图

请假信息管理；在请假信息管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、岗位、手机、请假日期、审核回复、审核状态、审核等内容，并进行详情、删除操作；如图4-13所示。

图4-13请假信息管理界面图

出差申请管理；在出差申请管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、岗位、手机、申请时间、出差时间、目的地、审核回复、审核状态、审核等内容，并进行详情、删除等操作；如图4-14所示。

图4-14出差申请管理界面图

考勤信息管理；在考勤信息管理页面中可以查看员工工号、员工姓名、经理工号、部门、出勤时间、请假天数、平时加班、周末加班、节假日加班、早退次数、迟到次数、缺勤天数、出差天数、登记时间等内容，并进行详情、修改、删除等操作；如图4-15所示。

图4-15考勤信息管理界面图

4.3 管理员功能模块

管理员登录，通过登录页面输入用户名、密码、选择角色等信息进行登录操作，如图4-16所示。

图4-16管理员登录界面图

管理员登录进入企业员工考勤管理系统可以查看首页、个人中心、部门管理、部门经理管理、员工管理、请假信息管理、出差申请管理、考勤信息管理、通知公告管理等信息进行详细操作，如图4-17所示。

图4-17管理员功能界面图

个人中心：在个人中心页面中可以修改密码、个人信息修改，如图4-18所示。

图4-18个人中心界面图

员工管理；在员工管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、性别、岗位、手机等内容，并进行修改和删除等操作；如图4-19所示。

图4-19员工管理界面图

部门管理；在部门管理页面中可以新增部门信息等内容，以及对部门管理进行修改和删除等操作；如图4-20所示。

图4-20部门管理界面图

部门经理管理；在部门经理管理页面中可以查看经理工号、部门、经理姓名、性别、联系电话、身份证等内容，并进行修改和删除等操作；如图4-21所示。

图4-21部门经理管理界面图

请假信息管理；在请假信息管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、岗位、手机、请假日期、审核回复、审核状态等内容，并进行修改和删除等操作；如图4-22所示。

图4-22请假信息管理界面图

出差申请管理；在出差申请管理页面中可以查看员工工号、员工姓名、部门、经理工号、经理姓名、岗位、手机、申请时间、出差时间、目的地、审核回复、审核状态等内容，并进行详情、修改和删除等操作；如图4-23所示。

图4-23出差申请管理界面图

考勤信息管理；在考勤信息管理页面中可以查看员工工号、员工姓名、经理工号、部门、出勤时间、请假天数、平时加班、周末加班、节假日加班、早退次数、迟到次数、缺勤天数、出差天数、登记时间等内容，并进行修改和删除等操作；如图4-24所示。

图4-24考勤信息管理界面图

通知公告管理；在通知公告管理页面中可以查看公告标题、发布时间等内容，并进行修改和删除等操作；如图4-25所示。

图4-25通知公告管理界面图

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