[附源码]Node.js计算机毕业设计办公自动化系统Express

项目运行

环境配置:

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

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.2员工功能模块

员工登录,员工通过填写用户名、密码、角色等信息,输入完成后选择登录即可进入办公自动化系统 ,如图5-11所示。

图5-11员工登录界面图

员工登录进入办公自动化系统可以查看首页、个人中心、员工考勤管理、工资发放管理、员工请假管理、通知公告管理等内容,如图5-12所示。

5-12员工功能界面图

员工考勤管理,在员工考勤管理页面可以查看员工工号、员工姓名、性别、考勤类型、打卡时间等详细信息进行详情、修改、删除,如图5-13所示。

图5-13员工考勤管理界面图

工资发放管理,在工资发放管理页面可以查看员工工号、员工姓名、部门、工资月份、基本工资、绩效工资、加班工资、报销费用、迟到早退、请假等信息,并可根据需要对工资发放管理进行删除或查看详细内容等操作,如图5-14所示。

图5-14工资发放管理界面图

员工请假管理,在员工请假管理页面可以查看请假编号、员工工号、员工姓名、请假时间、请假天数、请假理由、申请时间、审核回复、审核状态、审核等信息,并可根据需要对员工请假管理进行删除或查看详细内容等操作,如图5-15所示。

5-15员工请假管理界面图

通知公告管理,在通知公告管理页面可以查看公告标题、发布时间、发布人等信息,并可根据需要对通知公告管理进行删除或查看详细内容等操作,如图5-16所示。

5-16通知公告管理界面图

Node.js毕设帮助,指导,源码获取,调试部署
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值