项目运行
环境配置:
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领导注册界面图
领导通过登录进入移动OA系统APP可查看首页、我的等内容,在首页还可查看公告信息等内容,如图5-2所示。
图5-2首页界面图
我的,在我的页面可查看用户信息、发文信息、催办信息、事务申请等内容,如图5-3所示。
图5-3我的界面
发文信息,在发文信息页面可查看发文名称、发文编号、发文时间、领导账号、职员账号、职员姓名、审核状态、审核回复等内容,还可进行审核等操作,如图5-4所示。
图5-4发文信息界面图
事务申请,在事务申请页面可查看事务名称、事务类型、申请时间、领导账号、职员账号、职员姓名、审核状态、审核回复、申请内容等内容,还可进行审核等操作,如图5-5所示。
图5-5事务申请界面图
5.2职员功能模块
职员注册,职员通过输入职员账号、密码、职员姓名、性别、手机、部门、职务等内容进行注册,如图5-6所示。
图5-6职员注册界面图
职员登录,职员通过输入账号、密码、选择登录类型进行登录,如图5-7所示。
图5-7职员登录界面图
职员通过登录进入移动OA系统APP可查看首页、我的等内容,在首页还可查看公告信息等内容,如图5-8所示。
图5-8职员功能界面
我的,职员在我的页面可查看用户信息、发文信息、催办信息、事务申请、排班信息、签到信息、值班提醒等内容,如图5-9所示。
图5-9我的界面
新增发文信息,职员可通过输入发文名称、发文编号、发文时间、发文图片、领导账号、职员账号、职员姓名、发文内容进行新增等操作,如图5-10所示。
图5-10新增发文信息界面
新增事务申请,职员可通过输入事务名称、事务类型、申请时间、申请图片、领导账号、职员姓名、职员账号、申请内容进行新增等操作,如图5-11所示。
图5-11新增事务申请界面图
排班信息,职员可在排班信息页面查看职员姓名、职员账号、班次、岗位、上班时间、下班时间、日期等内容,还可进行签到等操作,如图5-12所示。
图5-12排班信息界面图
签到,职员可通过输入职员账号、职员姓名、签到类型、签到时间、备注、签到图片等内容进行提交等操作,如图5-13所示。
图5-13签到界面图
5.3管理员功能模块
管理员登录,管理员通过输入用户名、密码、角色进行登录,如图5-14所示。
图5-14管理员登录界面图
管理员通过登录进入移动OA系统APP后台可查看个人中心、领导管理、职员管理、发文信息管理、催办信息管理、事务申请管理、事务类型管理、排班信息管理、签到信息管理、值班提醒管理、系统管理等内容,如图5-15所示。
图5-15管理员功能界面图
领导管理,管理员可在领导管理页面查看领导账号、领导姓名、性别、联系电话、头像等内容,还可进行新增、修改或删除等操作,如图5-16所示。
图5-16领导管理界面图
发文信息管理,管理员可在发文信息管理页面查看发文编号、发文名称、发文时间、发文图片、领导账号、职员账号、职员姓名、审核回复、审核状态等内容,还可进行删除等操作,如图5-17所示。
图5-17发文信息管理界面图
催办信息管理,管理员可在催办信息管理页面查看发文编号、发文名称、催办时间、发文图片、职员账号、职员姓名、审核回复、审核状态等内容,还可进行删除等操作,如图5-18所示。
图5-18催办信息管理界面图
事务申请管理,管理员可在事务申请管理页面查看事务名称、事务类型、申请时间、申请图片、领导账号、职员账号、职员姓名、审核回复、审核状态等内容,还可进行删除等操作,如图5-19所示。
图5-19事务申请管理界面图
排班信息管理,管理员可在排班信息管理页面查看职员账号、职员姓名、班次、岗位、上班时间、下班时间、日期、图片等内容,还可进行新增、修改或删除等操作,如图5-20所示。
图5-20排班信息管理界面图