项目运行

环境配置：

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-4所示。

 

图4-3教师打卡管理界面图

 

图4-4教师事务管理界面图

教师考勤管理，在教师考勤管理页面通过查看教师工号、教师姓名、性别、职称、打卡时间、打卡类型、考勤情况、考勤日期、考勤备注等信息进行详情，如图4-5所示。

在教师薪酬管理页面通过查看工资月份、教师工号、教师姓名、性别、职称、底薪、加班工资、绩效、岗位津贴、扣考勤、扣五险一金、其它扣款、实发工资、工资备注等信息进行详情操作，如图4-6所示。

 

图4-5教师考勤管理界面图

 

图4-6教师薪酬管理界面图

4.2管理员功能模块

管理员登录，通过填写用户名、密码、角色进行登录，如图4-7所示。

 

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

管理员登录进入高校人事管理系统可以查看首页、个人中心、校园公告管理、教师管理、教师打卡管理、教师事务管理、教师考勤管理、教师薪酬管理、管理员管理等信息。

校园公告管理，在校园公告管理页面中可以通过查看公告标题、公告类型、图片、发布日期等内容进行详情、修改、删除，如图4-8所示。还可以根据需要对教师管理进行详情，修改或删除等详细操作，如图4-9所示。

 

图4-8校园公告管理界面图

 

图4-9教师管理界面图

教师薪酬管理，在教师薪酬管理页面中可以查看工资月份、教师工号、教师姓名、性别、职称、底薪、加班工资、绩效、岗位津贴、扣考勤、扣五险一金、其它扣款、实发工资、工资备注等信息，并可根据需要对已有教师薪酬管理进行修改或删除等操作，如图4-10所示。

 

图4-10教师薪酬管理界面图

教师打卡管理，在教师打卡管理页面中可以查看打卡名称、打卡类型、打卡时间、打卡备注、教师工号、教师姓名、性别、职称、审核回复、审核状态、审核等信息，并可根据需要对已有教师打卡管理进行修改或删除等详细操作，如图4-11所示。

 

图4-11教师打卡管理界面图

教师事务管理，在教师事务管理页面中可以查看事务标题、事务类型、申请日期、申请备注、申请附件、教师工号、教师姓名、审核回复、审核状态、审核等内容，并且根据需要对已有教师事务管理进行详情，修改或删除等详细操作，如图4-12所示。

 

图4-12教师事务管理界面图

管理员管理，在管理员管理页面中可以查看用户名、密码、角色等内容，并且根据需要对已有管理员管理进行详情，修改或删除等详细操作，如图4-13所示。

 

图4-13管理员管理界面图

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