一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1sH4y1S7Vp?t=8.0
三、运行截图:
4.1登录功能模块的实现
登录功能包括员工登录和管理员登录,在登录界面设计中包括用户名和密码的检验。用户名和密码的检验过程由数据库自动完成,此过程需要1秒左右。首先由用户填写账号和密码,然后点击登录系统,数据库自行对用户名和密码进行对比,所填写数据正确方能进行登录,所填写数据错误则需要返回登录界面重新登录。用户登录界面的设计运行界面效果如下图4.1所示:
图4.1用户系统登录界面效果
4.2 首页界面的实现
首页界面是最直接的展示,用户可以对系统进行最直接的了解。在本功能界面里可以看到背景图片、功能导航栏以及时间、当前用户等。首页界面的运行效果界面如下图4.2所示:
图4.2首页界面的运行效果
4.3工作安排管理信息模块实现
工作安排信息是工资的重要组成部分,管理员可以添加工作安排信息,员工可以查询工作安排信息,工作安排管理信息功能的界面实现效果如下图4.3所示:
图4.3管理员查询工作安排信息功能实现界面
4.4 员工信息管理功能的实现
员工信息管理功能分为管理员管理员工信息和员工自己管理自己的信息两种,管理员可以看到员工的各项基本信息,可以删除员工的基本信息。添加员工信息功能的界面实现效果如下图4.4所示:
图4.4添加员工信息功能界面实现效果
4.5 工资信息管理功能的实现
系统里展示的工资信息都是由管理员在系统进行添加和维护的,管理员可以上新工资信息,也可以修改工资信息,当工资信息被淘汰时也可以直接进行删除,工资信息管理功能的界面实现效果如下图4.5所示:
图4.5工资信息管理功能的运行效果界面
管理员添加工资信息的效果图如下图4.6所示:
图4.6添加工资信息的界面效果
4.6部门管理功能的界面设计实现
部门信息功能为员工查询管理员添加管理,管理员可以根据部门的名称进行查询搜索。部门管理信息功能的界面实现效果如下图4.7所示:
图4.7部门管理信息功能的界面实现效果
4.7考勤功能的界面设计
考勤信息也是由管理员负责管理,员工可以查看考勤信息,管理员添加考勤信息的实现界面如下图4.8所示:
图4.8管理员添加考勤信息实现界面
4.8交流论坛功能的实现
管理员可以审核帖子信息,员工可以发布帖子信息。交流论坛功能的实现界面如下图4.9所示:
图4.9交流论坛管理功能的实现
4.9我的功能实现界面
在我的界面里可以查询工资信息、工作安排信息、考勤信息、我发布的帖子和发布帖子。我的功能实现界面如下图4.10所示:
图4.10我的功能实现界面