员工管理系统主要用到 MVC 框架设计,网页主要运用了layui框架设计侧边导航栏,在这基础上以 html、css、JavaScript 为基础设计网页, 后期运用到 JSP、Servlet、 session、过滤器、mysql数据库操作等技术。
MVC框架
MVC全名是Model View Controller,是一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。
Layui框架
Layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI框架,我们只需要定义简单的HTML、CSS、JS即可实现很复杂的前端效果。
JSP
JSP显示网页,全称 Java Server Pages,是由Sun Microsystems公司倡导和许多公司参与共同创建的一种使软件开发者可以响应客户端请求,而动态生成HTML、XML 或其他格式文档的 Web 网页的技术标准。
本项目的基本思路是前端页面通过jsp响应客户端的请求去调用Servlet层,Servlet层读取页面数据后调用Service层的方法再把数据返回前端页面显示。登录模块还运用过滤器获取用户访问权限,如果没有访问权限,则不能进去管理界面。所有的页面运用 css、JavaScript、jQuery、html 语言设计,界面简洁,颜色搭配合理,给用户一个视觉上的美好体验。
4.2 登陆主页
启动项目,启动服务器,连接成功后自动跳到登陆界面。登录界面可以进行注册,设置登陆权限。这里运用了过滤器对用户权限进行判断是否允许查看后台数据,只有拥有管理员权限的用户才可以查看。
用户通过浏览器进行登录,登录成功后通过Filter过滤器来检查用户的登陆权限,如果有权限则可以访问jsp页面,html页面数据等,如果没有权限,则会提示没有权限,用户可以返回登陆界面。
4.3 普通用户页面
4.2.2 普通用户主页
普通用户主页和管理员主页一样
图1 普通用户主页
4.2.2 普通用户查看公司介绍
普通用户可以查看公司介绍
图2 普通用户公司介绍
4.2.2 普通用户查看个人信息
普通用户可以查看个人信息
图3 查看个人信息
4.2.2 普通用户无法访问后台数据
由于登录的时候过滤器会对用户的权限进行判断,如果没有管理员权限则无法访问后台数据
图4 普通用户访问后台
4.2 管理员页面
4.2.2 管理员主页
系统后台管理页面包括主页、员工管理、部门管理、工资管理、历史表管理模块,后台管理主界面如图所示。
图1 主页面
4.2.3 主页公司介绍页面
主页是对公司的介绍模块,这里采用了layui框架中的轮播图,并且可以自动播放,下方是对公司的主要介绍。
图2 公司介绍
4.2.4 员工信息管理页面
员工管理页面主要实现了对员工信息的增、删、改、查,这里还可以对员工进行批量删除。这里运用了软删除,删除的员工会被存到一个历史表,所以这个删除是对用户所看到的删除来说的,而实际上并没有删除,只是存放到了历史表。
图3 员工管理
核心代码 显示员工信息
4.2.5 部门信息管理页面
部门管理页面主要实现了对部门信息的增、删、改、查,这里还可以对部门进行批量删除。这里运用了软删除,删除的部门会被存到一个历史表,所以这个删除是对用户所看到的删除来说的,而实际上并没有删除,只是存放到了历史表。
图4 部门管理
4.2.6 工资信息管理页面
工资管理页面主要实现了对工资信息的增、删、改、查,这里还可以对工资进行批量删除。这里运用了软删除,删除的工资信息会被存到一个历史表,所以这个删除是对用户所看到的删除来说的,而实际上并没有删除,只是存放到了历史表。值得注意的是,当员工表和部门表进行删除时,如果工资表存有相关信息,也会自动进行删除存放到历史表中。公司信息的增加如果增加的不是员工表和部门表中的信息,是会增加失败的。
图5 工资管理
4.2.7 历史表员工历史表管理页面
员工历史表页面主要实现了对员工信息的查询、删除和恢复,这里还可以批量删除和批量恢复。当恢复员工信息时,相关的工资信息也会随着恢复。当历史表中的信息删除后,这个信息就是永久删除了。
图6 员工历史表管理
4.2.8 历史表部门历史表管理页面
部门历史表页面主要实现了对部门信息的查询、删除和恢复,这里还可以批量删除和批量恢复。当恢复部门信息时,相关的工资信息也会随着恢复。当历史表中的信息删除后,这个信息就是永久删除了。
图7 部门历史表管理
4.2.9 历史表工资历史表管理页面
部门历史表页面主要实现了对部门信息的查询和删除,这里还可以批量删除。当历史表中的信息删除后,这个信息就是永久删除了。
图8 工资历史表管理
項目地址:链接:https://pan.baidu.com/s/17opYAjz35suWT5m8hbX4Pw
提取码:2jnj