基于JSP的SSM框架实现的员工信息管理系统

基于JSP的SSM框架实现的员工信息管理系统 这是完整使用SSM框架开发的第一个项目,项目来源于北京动力节点的SSM框架整合教程,其中加入了一些自己的理解

本文包含相关资料包-----> 点击直达获取<-------

基于JSP的SSM框架实现的员工信息管理系统

这是完整使用SSM框架开发的第一个项目,项目来源于北京动力节点的SSM框架整合教程,其中加入了一些自己的理解,增加了一个搜索功能的页面,这个项目总体来说对于新手是很友好的,涉及到了简单的ajax和jquery处理,UI搭建,后端SSM环境搭建,简单的业务流程设计(使用JSON交互)。

使用SSM框架搭建的一个简单的员工信息管理系统,实现了基本的增删改查整个流程。

直接把war包放到tomcat的webapps目录下,重启即可运行。

一、系统架构

二、功能分解

  • 查询和分页显示

  • 新增员工信息功能

  • 数据校验,需要校验用户名和邮箱是否合法
  • 前端使用jquery校验,后端使用JSR303

  • 修改员工信息功能

  • 单个删除员工

  • 批量删除员工

  • 使用Rest风格的URI

  • 搜索功能

三、技术点

  • 基础框架 :SpringMVC+Spring+MyBatis

  • 数据库 :MySQL

  • 前端框架 :BootStrap快速搭建

  • 项目依赖管理 :Maven

  • 分页 :pagehelper(Mybatis的工具)

  • 逆向工程 :MyBatis Generator

四、数据库表设计

五、功能实现

5.1 查询和分页显示

5.1.1 数据分析

分析前端UI,分析要从数据库获取的信息

修改Mapper映射文件

5.1.2 业务逻辑分析

  • 访问index.jsp页面

  • 发送ajax请求获取员工数据

  • 服务器返回JSON数据

  • 浏览器解析JSON数据,使用DOM增删页面

5.1.3 实现

  • 导入jackson包,把对象转换成JSON字符串,在controller中添加ResponseBody注解即可

  • 定义一个新的实体类Msg.java

  • 3个属性:
    • 响应码(100成功 200失败)
    • 提示信息(msg)
    • 返回给浏览器的数据(Map 封装)
  • 3个方法:

    • 静态Success:返回Msg对象,设置响应吗100,提示信息处理成功
    • 静态Fail:返回Msg对象,设置响应吗200,提示信息处理失败
    • Add方法:用于把pageInfo放入到map中 java public Msg add(String key, Object value) { this.getExtend().put(key,value); return this; }
  • index.jsp使用Jquery进行拼接元素,显示表格

5.1.4 流程图

5.2 新增员工信息功能

5.2.1 业务逻辑

  • index.jsp页面点击新增

  • 弹出新增员工的对话框(模态框)

  • 数据库查询部门列表,显示在对话框中

  • 用户输入数据

  • 校验数据

  • 完成保存

5.2.2 数据分析

  • 姓名和邮箱要做前端+后端校验

  • 部门根据数据库信息返回的添加进去

查出部门信息

前端校验用户名和邮箱是否合法

后端校验用户名和邮箱是否合法

  • 使用的是JSR303校验

  • 当输入框输入完成移开鼠标之后,发送AJAX到服务器请求用户名是否已经存在,并且是否是合法的用户名

  • 如果校验不通过,那么保存信息的按钮应处于不可用状态

保存新增的员工信息

调用的是Jquery的serialize()方法,把表单数据包装成对象

5.3 修改员工信息功能

5.3.1 逻辑分析

  • 点击修改按钮,发送AJAX信息,请求当前修改员工的数据库信息

  • 弹出模态框,回显员工信息,姓名不允许修改

  • 校验邮箱

注意

由于修改和删除按钮都是页面加载完成后,由AJAX发送请求,再添加到页面的,所有click事件不生效,所以要使用dom对象操作

TOMCAT直接使用PUT请求的时候不会封装请求体数据,要使用SpringMVC的过滤器完成PUT

5.3.2 数据分析

5.3.3 业务实现

  • 获取部门信息增加到下拉框

  • 获取员工信息添加到模态框

  • 点击保存按钮更新员工信息到数据库

5.4 删除员工

5.4.1 单个删除

5.4.2 批量删除

  • 添加选择按钮

  • 实现批量删除

添加选择按钮

实现批量删除

5.5 搜索功能

5.5.1 逻辑

  • 增加一个高级搜索的按钮,跳转到高级搜索的界面query.jsp

  • 后台需要判断输入条件

5.5.2 数据分析

5.5.3 实现

表现层

java /** * 查询功能的查询员工信息 * 查询出来的员工数据显示在一页上面 */ @RequestMapping(value="/queryEmps",method=RequestMethod.POST) @ResponseBody public Msg queryEmp(Employee employee) { System.out.println(employee); List<Employee> emplist = employeeService.queryEmp(employee); return Msg.success().add("emplist",emplist); }

Service层

```java public List queryEmp(Employee employee) { // TODO Auto-generated method stub EmployeeExample example = new EmployeeExample(); Criteria criteria = example.createCriteria(); System.out.println("".equals(employee.getEmpName())); if (!("".equals(employee.getEmpName()))) { criteria.andEmpNameEqualTo(employee.getEmpName()); } if(!("".equals(employee.getEmail()))) { criteria.andEmailEqualTo(employee.getEmail()); } criteria.andGenderEqualTo(employee.getGender()); criteria.andDIdEqualTo(employee.getdId());

return employeeMapper.selectByExampleWithDept(example);

} ```

参考文献

  • 人力资源管理系统设计(山东大学·郑重)
  • 基于JSP的人力资源管理系统(武汉科技大学·江鹏)
  • 综合管理信息系统的设计与实现(东南大学·胡杰)
  • 基于EPP的域名管理系统(山东大学·孟庆领)
  • 基于MVC模式的物流信息管理系统设计与开发(电子科技大学·程泳)
  • 利用JSP技术开发基于WEB的人事工资管理系统(大连铁道学院·杜欣然)
  • 基于.net平台的惠普大连分公司员工管理信息系统设计与实现(吉林大学·温晶)
  • 综合管理信息系统的设计与实现(东南大学·胡杰)
  • 基于JSP的学生就业信息管理系统设计与实现(吉林大学·马骁)
  • 基于MVC模式的物流信息管理系统设计与开发(电子科技大学·程泳)
  • 基于ExtJS与J2EE的人力资源管理系统的设计与实现(内蒙古大学·李彦佑)
  • 杰出人才项目管理的设计与实现(山东大学·谢潇康)
  • 人力资源管理系统设计(山东大学·郑重)
  • 员工管理系统的设计与实现(电子科技大学·张雪娇)
  • 基于J2EE的高校人力资源信息管理的设计与实现(四川大学·付明柏)

本文内容包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主题。发布者:源码工坊 ,原文地址:https://m.bishedaima.com/yuanma/35467.html

相关推荐

发表回复

登录后才能评论