基于SSM框架+MySQL实现的员工信息管理系统【100012921】

# 1.项目简介 使用SSM框架搭建的一个简单的员工信息管理系统，实现了基本的增删改查整个流程 直接把war包放到tomcat的webapps目录下，重启即可运行 ## 1.1系统架构  ## 1.2功能分解 1. 查询和分页显示 2. 新增员工信息功能 - 数据校验，需要校验用户名和邮箱是否合法 - 前端使用jquery校验，后端使用JSR303 3. 修改员工信息功能 4. 单个删除员工 5. 批量删除员工 6. 使用Rest风格的URI 7. 搜索功能 ## 1.3技术点 - 基础框架：SpringMVC+Spring+MyBatis - 数据库：MySQL - 前端框架：BootStrap快速搭建 - 项目依赖管理：Maven - 分页：pagehelper（Mybatis的工具） - 逆向工程：MyBatis Generator ## 1.4数据库表设计  # 2.功能实现 ## 2.1查询和分页显示 ### 2.1.1数据分析 分析前端UI，分析要从数据库获取的信息  修改Mapper映射文件  ### 2.1.2业务逻辑分析 1. 访问index.jsp页面 2. 发送ajax请求获取员工数据 3. 服务器返回JSON数据 4. 浏览器解析JSON数据，使用DOM增删页面 ### 2.1.3实现 1. 导入jackson包，把对象转换成JSON字符串，在controller中添加ResponseBody注解即可 2. 定义一个新的实体类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; } ``` 3. index.jsp使用Jquery进行拼接元素，显示表格 ### 2.1.4流程图  ## 2.2新增员工信息功能 ### 2.2.1业务逻辑 1. index.jsp页面点击新增 2. 弹出新增员工的对话框（模态框） 3. 数据库查询部门列表，显示在对话框中 4. 用户输入数据 - 校验数据 5. 完成保存 ### 2.2.2数据分析  - 姓名和邮箱要做前端+后端校验 - 部门根据数据库信息返回的添加进去 ### 2.2.3查出部门信息  ### 2.2.4前端校验用户名和邮箱是否合法  ### 2.2.5后端校验用户名和邮箱是否合法 1. 使用的是JSR303校验 2. 当输入框输入完成移开鼠标之后，发送AJAX到服务器请求用户名是否已经存在，并且是否是合法的用户名 3. 如果校验不通过，那么保存信息的按钮应处于不可用状态  ### 2.2.6保存新增的员工信息 调用的是Jquery的serialize()方法，把表单数据包装成对象  ## 2.3修改员工信息功能 ### 2.3.1逻辑分析 1. 点击修改按钮，发送AJAX信息，请求当前修改员工的数据库信息 2. 弹出模态框，回显员工信息，姓名不允许修改 3. 校验邮箱 **注意** 由于修改和删除按钮都是页面加载完成后，由AJAX发送请求，再添加到页面的，所有click事件不生效，所以要使用dom对象操作  TOMCAT直接使用PUT请求的时候不会封装请求体数据，要使用SpringMVC的过滤器完成PUT  ### 2.3.2数据分析  ### 2.3.3业务实现 1. 获取部门信息增加到下拉框 2. 获取员工信息添加到模态框 3. 点击保存按钮更新员工信息到数据库  ## 2.4删除功能 ### 2.4.1单个删除  ### 2.4.2批量删除 1. 添加选择按钮 2. 实现批量删除 ### 2.4.3添加选择按钮  ### 2.4.4实现批量删除  ## 2.5搜索功能 ### 2.5.1逻辑 1. 增加一个高级搜索的按钮，跳转到高级搜索的界面query.jsp 2. 后台需要判断输入条件 ### 2.5.2数据分析  ### 2.5.3实现 1. 表现层 ```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); } ``` 2. Service层 ```java 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); } ```