这是完整使用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<String,Object>封装）
  • 3个方法：
    • 静态Success:返回Msg对象，设置响应吗100，提示信息处理成功
    • 静态Fail:返回Msg对象，设置响应吗200，提示信息处理失败
    • Add方法:用于把pageInfo放入到map中

      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 实现

表现层

/**
* 查询功能的查询员工信息
* 查询出来的员工数据显示在一页上面
*/
@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层

public List<Employee> 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);
}