[附源码]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.2系统流程分析

3.2.1系统开发流程 

考勤管理系统开发时，首先进行需求分析，进而对系统进行总体的设计规划，设计系统功能模块，数据库的选择等，本系统的开发流程如图3-1所示

 

图3-1系统开发流程图

3.2.2 用户登录流程

为了保证系统的安全性，要使用本系统对系统信息进行管理，必须先登陆到系统中。如图3-2所示。

 

图3-2 登录流程图

3.2.3 系统操作流程

用户打开并进入系统后，会先显示登录界面，输入正确的用户名和密码，系统自动检测信息，若信息无误，则用户会进入系统功能界面，进行操作，否则会提示错误无法登录，操作流程如图3-3所示。

 

图3-3 系统操作流程图

3.2.4 添加信息流程

管理员可以对信息等进行信息的添加，员工也可以对自己权限内的信息进行添加，输入信息后，系统会自行验证输入的信息和数据，若信息正确，会将其添加到数据库内，若信息有误，则会提示重新输入信息，添加信息流程如图3-4所示。

 

图3-4 添加信息流程图

3.2.5 修改信息流程

管理员可以对信息等进行的修改，员工也可以对自己权限内的信息进行修改，首先进入修改信息界面，输入修改信息数据，系统进行数据的判断验证，修改信息合法则修改成功，信息更新至数据库，信息不合法则修改失败，重新输入。修改信息流程图如图3-5所示。

 

图3-5 修改信息流程图

3.2.6 删除信息流程

管理员可以对信息等进行信息的删除，对要删除的信息进行选中后，点击删除按钮，系统会询问是否确定，若点击确定，则系统会删除掉选中的信息，并在数据库内对信息进行删除，删除信息流程图如图3-6所示。

 

图3-6 删除信息流程图

3.3系统用例分析

3.3.1管理员用例图

系统中的核心用户是系统管理员，管理员登录后，通过管理员菜单来管理后台系统。主要功能有：首页、个人中心、通知公告管理、部门管理、员工管理、请假申请管理、出差申请管理、加班申请管理、打卡记录管理、考勤统计管理、物料信息管理、物料申请管理等功能。管理员用例如图3-7所示。

 

图3-7 管理员用例图

3.3.2员工用例图

员工进入系统可以进行首页、个人中心、通知公告管理、请假申请管理、出差申请管理、加班申请管理、打卡记录管理、考勤统计管理、物料信息管理、物料申请管理等。员工用例如图3-8所示。

 

图3-8 员工用例图

4.1 系统概述

进过系统的分析后，就开始记性系统的设计，系统设计包含总体设计和详细设计。总体设计只是一个大体的设计，经过了总体设计，我们能够划分出系统的一些东西，例如文件、文档、数据等。而且我们通过总体设计，大致可以划分出了程序的模块，以及功能。但是只是一个初步的分类，并没有真正的实现。

整体设计，只是一个初步设计，而且，对于一个项目，我们可以进行多个整体设计，通过对比，包括性能的对比、成本的对比、效益的对比，来最终确定一个最优的设计方案，选择优秀的整体设计可以降低开发成本，增加公司效益，从这一点来讲，整体设计还是非常重要的。

考勤管理系统系统工作原理图如图4-1所示：

 

图4-1 系统工作原理图

4.2 系统结构设计

系统架构图属于系统设计阶段，系统架构图只是这个阶段一个产物，系统的总体架构决定了整个系统的模式，是系统的基础。考勤管理系统的整体结构设计如图4-2所示。

 

图4-2 系统结构图

4.3数据库设计

数据库是计算机信息系统的基础。目前，电脑系统的关键与核心部分就是数据库。数据库开发的优劣对整个系统的质量和速度有着直接影响。

4.3.1 数据库设计原则

数据库的概念结构设计采用实体—联系（E-R）模型设计方法。E-R模型法的组成元素有：实体、属性、联系，E-R模型用E-R图表示，是提示用户工作环境中所涉及的事物，属性则是对实体特性的描述。在系统设计当中数据库起着决定性的因素。下面设计出这几个关键实体的实体—关系图。

4.3.2 数据库实体

数据模型中的实体（Entity），也称为实例，对应现实世界中可区别于其他对象的“事件”或“事物”。例如，公司中的每个员工，家里中的每个家具。

本系统的E-R图如下图所示：

1、考勤统计管理实体图如图4-3所示：

 

图4-3考勤统计管理实体图

2、员工信息实体图如图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-8所示。

图5-8加班申请管理界面图

 

打卡记录管理，在打卡记录管理页面中可以查看索引、打卡类型、打卡时间、备注、员工工号、员工姓名、部门等信息，并可根据需要进行修改或删除操作，如图5-9所示。

 

图5-9打卡记录管理界面图

考勤统计管理，在考勤统计管理页面中可以查看索引、员工工号、员工姓名、部门、月份、应出勤天数、迟到次数、早退次数、加班时长、旷工时长等信息，并可根据需要进行修改或删除操作，如图5-10所示。

 

图5-10考勤统计管理界面图

物料信息管理，在物料信息管理页面中可以查看索引、物料名称、物料类型、图片等信息，并可根据需要进行修改或删除操作，如图5-11所示。

 

图5-11物料信息管理界面图

5.2员工功能模块

员工登录进入考勤管理系统可以查看首页、个人中心、通知公告管理、请假申请管理、出差申请管理、加班申请管理、打卡记录管理、考勤统计管理、物料信息管理、物料申请管理等内容，如图5-12所示。

 

图5-12员工功能界面图

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