计算机毕业设计 408的网上办公自动化vue 毕设

第五章系统实现

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1BN4y127YA/

三、运行截图：

管理员、用户登录功能是系统中一个非常重要的功能模块。这个函数模块需要做的第一件事是设计系统的安全性。不能说任何打开登录界面的人都可以进入系统。我们想控制管理。用户的账号和密码，只有拥有权限的用户才能通过这个登录界面进入系统管理界面，这是非常重要的。用户想要登录和使用系统首先进入登录用户名和登录密码，然后我们使用程序来检索，检索数据库中的用户名信息一致输入用户名密码，如果输入用户名信息让用户登录时，如果它不存在，给一个提示,非法登陆，所以这个功能模块是非常重要的。

5.1员工功能模块

注册、登录，员工通过注册页面填写工号、密码、姓名、性别、联系电话、邮箱、身份证进行注册，信息无误进行登陆如图5-1所示。

员工登录进入后台网课课程管理系统可以查看首页、个人中心、文件信息管理、会议记录管理、日程安排管理、员工打卡管理、请假登记管理、工资信息管理、通告信息管理等内容。如图5-2所示。

个人信息，员工在个人信息页面中通过查看工号、姓名、性别、联系电话、邮箱、身份证、照片等信息，可进行修改操作，如图5-3所示。

图5-1注册、登陆理界面图

图5-2首页界面图

图5-3个人信息界面图

文件信息管理：员工通过文件信息列表可以查看新增、详情、修改、删除等信息，如图5-4所示。

图5-4文件信息管理界面图

日程安排管理：员工通过日程安排列表可以新增填写工号、姓名、标题、时间、日程内容进行提交操作，如图5-5所示。

图5-5日程安排管理界面图

请假登记管理：员工通过请假登记列表可以新增填写工号、姓名、请假时间、请假天数、请假理由进行提交操作，管理员进行审核回复，如图5-6所示。

图5-6请假登记管理界面图

通告信息管理：员工通过通告信息查看公告标题、公告类型、发布人、发布时间、公告内容等信息，进行详情查看，如图5-7所示。

图5-7通告信息管理界面图

5.2管理员功能模块

管理员通过用户名和密码、角色填写完成后进行登录，如图5-8所示。

管理员登录成功后进入到系统操作界面，查看后台：首页、个人中心、员工打卡管理、请假登记管理、员工管理、工资信息管理、通告信息管理、资产报废管理、资产归还管理、资产事务管理等功能模块进行相对应操作。如图5-9所示。

图5-9管理员登录页面

图5-9首页界面

个人中心：管理员通过密码修改列表可以获取原密码、新密码、确认密码等内容，可以进行修改或删除操作，如图5-10所示。

图5-10密码修改界面图

员工管理：管理员通过员工信息列表可以获取工号、姓名、性别、联系电话、邮箱、身份证、照片等信息，进行详情或删除操作，如图5-11所示。

图5-11员工管理界面图

请假登记管理：管理员通过请假登记列表可以获取工号、姓名、请假时间、请假天数等信息，可进行审核回复、详情查看，如图5-12所示。

图5-12请假登记管理界面图

工资信息管理：管理员通过工资信息列表可以新增员工工资，进行详情、修改或删除操作，如图5-13所示。

图5-13工资信息管理界面图

通告信息管理：管理员通过通告信息列表查看公告标题、公告类型、发布人、发布时间、公告内容等信息，进行详情、修改或删除操作，如图5-14所示。

图5-14通告信息管理界面图