计算机毕业设计Node.js+Vue安卓移动OA系统APP(程序+源码+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毕设帮助,指导,本源码(见文末),调试部署

5 系统功能的详细设计与实现

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排班信息管理界面图

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


版权声明:本文为qha135原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。