Bootstrap

瑞吉外卖-员工模块开发

目录

新增员工

需求分析

需求
点击新增员工，可以输入员工信息，并将信息保存到员工表中
设置员工初始密码为123456
员工的账号唯一，如果添加相同账号会报异常，系统需要处理这个异常

代码开发

步骤过程
1页面发送ajax请求，将新增页面数据以json形式提交到服务端
2服务端controller接收请求，调用service进行数据的保存
3service调用mapper操作数据库
4如果发生唯一冲突异常，调用异常处理器，返回错误信息

请添加图片描述

EmployeeController.java

 /**
     * 新增员工
     * @return 返回result类
     */
    @PostMapping
    public Result addEmployee(HttpServletRequest request,@RequestBody Employee employee){
        //获取创建和更新的用户的id
        Long empId = (Long) request.getSession().getAttribute("employee");
        //传入service进行添加操作
        boolean flag = employeeService.addEmployee(employee,empId);
        //根据返回的flag注入code和msg的值
        Integer code = flag?Code.OK:Code.ERR;
        String msg = flag?"添加成功":"添加失败";
        return new Result(code,msg);
    }

EmployeeService.java

 /**
     * 新增员工
     * @param employee
     * @return
     */
    public boolean addEmployee(Employee employee,Long id);

EmployeeServiceImpl.java

 /**
     * TODO 新增员工
     * @param employee
     * @return
     */
    @Override
    public boolean addEmployee(Employee employee, Long id) {
        //为要添加的用户注入数据
        //注入添加用户的人的id
        employee.setCreateUser(id);
        employee.setUpdateUser(id);
        //设置创建时间
        employee.setCreateTime(LocalDateTime.now());
        employee.setUpdateTime(LocalDateTime.now());
        //设置初始密码123456并加密,并重新注入
        String password = DigestUtils.md5DigestAsHex("123456".getBytes());
        employee.setPassword(password);
        int insert = employeeMapper.insert(employee);
        //insert>0代表添加成功，等于0代表添加失败
        return insert>0;
    }

GlobalExecptionHandler.java(全局异常处理器)

这里的这种实现方法，耦合度过高，个人认为不妥，之后会进行优化

package com.cjgn.contorller;


import lombok.extern.slf4j.Slf4j;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.RestControllerAdvice;

import java.sql.SQLIntegrityConstraintViolationException;

/**
 * 全局异常处理器
 */
@RestControllerAdvice
@Slf4j
public class GlobalExecptionHandler {

    /**
     * 异常处理方法
     * @param ex
     * @return
     */
    @ExceptionHandler(SQLIntegrityConstraintViolationException.class)
    public Result doExecption(SQLIntegrityConstraintViolationException ex){
        //输出异常信息
        log.error(ex.getMessage());
        String msg;
        //如果异常信息里包含'Duplicate entry'
        if(ex.getMessage().contains("Duplicate entry")){
            //提取出信息中的按空格分隔后的第三个字符串，也就是账号信息
            String[] split = ex.getMessage().split(" ");
            //提示信息为' '+已存在
            msg = split[2]+"已存在";
        }else {
            //否则是未知错误
            msg = "未知错误";
        }
        //返回一个Result全局对象
        return new Result(Code.ERR,msg);
    }

}

员工信息分页查询

需求分析

需求
在主页中，员工的信息以分页的形式展现列表数据
可以通过修改每页的展示条数来改变数据的数量
可以更换页数，或者直接输入页数来跳转某一页数据

代码开发

步骤过程
1页面发送ajax请求，将(page,pageSize,name)等信息发送到服务端
2服务端Controller接收请求并调用Service查询
3Service调用Mapper查询
4Controller将查询的数据返回给页面
5页面接收数据并通过ElementUI的Table组件展示到页面

config包下创建MpConfig类

MpConfig.java

package com.cjgn.config;

import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;
import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

/**
 * 配置MybatisPlus的拦截器功能
 */
@Configuration
public class MpConfig {

    @Bean
    public MybatisPlusInterceptor mpInterceptor(){
        //定义MybatisPlus拦截器
        MybatisPlusInterceptor mpInterceptor = new MybatisPlusInterceptor();
        //添加分页功能的拦截器
        mpInterceptor.addInnerInterceptor(new PaginationInnerInterceptor());
        return mpInterceptor;
    }
}

EmployeeController.java

    /**
     * 分页查询功能
     * @param page 当前页数
     * @param pageSize 页面大小
     * @param name 查询的名字
     * @return
     */
    @GetMapping("/page")
    public Result getByPage(int page,int pageSize,String name){
        log.info("page="+page+";pageSize="+pageSize+";name="+name);
        //调用service查询数据
        Page page1 = employeeService.selectByPage(page, pageSize, name);
        //查询结果是可能为空的，所以如果不发生异常，统一返回成功
        Integer code = Code.OK;
        String msg = "查询成功";
        return new Result(page1,code,msg);
    }

EmployeeService.java

	/**
     * 分页查询功能
     * @param page
     * @param pageSize
     * @param name
     * @return
     */
    public Page selectByPage(int page, int pageSize, String name);

EmployeeServiceImpl.java

	 /**
     * 分页查询功能
     * @param page
     * @param pageSize
     * @param name
     * @return 返回值为Page对象
     */
    @Override
    public Page selectByPage(int page, int pageSize, String name) {
        Page iPage = new Page(page,pageSize);
        //设置分页查询的条件
        LambdaQueryWrapper<Employee> wrapper =new LambdaQueryWrapper<Employee>();
        //当name有值时设置like条件
        wrapper.like(name!=null,Employee::getName,name);
        //设置按照创建时间的降序排序
        wrapper.orderByDesc(Employee::getCreateTime);
        //查询数据
        employeeMapper.selectPage(iPage,wrapper);
        return iPage;
    }

启用/禁用员工账号

需求分析

需求
管理员登录账号可以对所有员工账号进行启用和禁用
如果员工账号状态为正常，显示"禁用"；如果员工账号状态为已禁用，显示"启用"
普通用户登录后，启用、禁用按钮不显示

管理员界面
管理员
普通员工界面
普通

代码开发

步骤过程
1页面发送ajax请求，将参数{id,param}提交到服务器
2服务端Controller接收数据，调用Service进行更新
3Service调用Mapper进行更新
  • 在修改数据时，会出现前端返回的id数据和数据库id不匹配的问题，这到底是怎么回事呢？
  • 原因：前端对于雪花算法生成的19位id丢失了精度，只处理到了16位
  • 解决方法：后端在查询数据展现到前端时，将id转化为String类型再传输，接收数据时，将String类型转化为Long类型后再进行对比。

common包下创建JacksonObjectMapper类

JacksonObjectMapper.java

package com.cjgn.common;

import com.fasterxml.jackson.databind.DeserializationFeature;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalDateDeserializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalDateTimeDeserializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalTimeDeserializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalDateSerializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalDateTimeSerializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalTimeSerializer;
import java.math.BigInteger;
import java.time.LocalDate;
import java.time.LocalDateTime;
import java.time.LocalTime;
import java.time.format.DateTimeFormatter;
import static com.fasterxml.jackson.databind.DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES;

/**
 * 对象映射器:基于jackson将Java对象转为json，或者将json转为Java对象
 * 将JSON解析为Java对象的过程称为 [从JSON反序列化Java对象]
 * 从Java对象生成JSON的过程称为 [序列化Java对象到JSON]
 */
public class JacksonObjectMapper extends ObjectMapper {

    public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
    public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";
    public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss";

    public JacksonObjectMapper() {
        super();
        //收到未知属性时不报异常
        this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);

        //反序列化时，属性不存在的兼容处理
        this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);


        SimpleModule simpleModule = new SimpleModule()
                .addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)))

                .addSerializer(BigInteger.class, ToStringSerializer.instance)
                .addSerializer(Long.class, ToStringSerializer.instance)
                .addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)));

        //注册功能模块 例如，可以添加自定义序列化器和反序列化器
        this.registerModule(simpleModule);
    }
}

WebMvcConfig.java

 /**
     * 扩展json消息转换器
     * @param converters
     */
    @Override
    public void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
        //创建消息转化器对象
        MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();
        //设置对象转化器，底层用Jackson将Java对象转化为json
        messageConverter.setObjectMapper(new JacksonObjectMapper());
        //将上面转换器追加到mvc框架中的第一位
        converters.add(0,messageConverter);
    }

EmployeeController.java

 /**
   * 修改员工状态
   * @param request
   * @param employee 传入的数据
   * @return
   */
  @PutMapping
  public Result updateStatus(HttpServletRequest request,@RequestBody Employee employee){
      //获取管理员id
      Long empId = (Long) request.getSession().getAttribute("employee");
      //进行状态修改
      boolean flag = employeeService.updateStatus(empId,employee);
      //注入code和msg
      Integer code = flag?Code.OK:Code.ERR;
      String msg = flag?"修改成功":"修改失败";
      return new Result(code,msg);
  }

EmployeeService.java

 /**
   * 修改员工状态
   * @param empId 管理员的id
   * @param employee 员工修改为什么值
   * @return
   */
  public boolean updateStatus(Long empId,Employee employee);

EmployeeServiceImpl.java

 /**
   * 修改员工状态
   * @param empId 管理员的id
   * @param employee 员工修改为什么值
   * @return
   */
  @Override
  public boolean updateStatus(Long empId,Employee employee) {
      //设置修改值的管理员的id
      employee.setUpdateUser(empId);
      //注入修改时间
      employee.setUpdateTime(LocalDateTime.now());
      //更新状态
      int i = employeeMapper.updateById(employee);
      return i>0;
  }

编辑员工信息

需求分析

需求
点击编辑按钮后，可以对员工的信息进行修改
修改后保存到数据库中，并展示到前端页面

代码开发

步骤过程
1点击修改按钮，页面跳转到add.html，并在url中携带员工
2在add.html页面获取参数
3发送ajax请求，在服务端处理后返回员工信息的json数据
4前端通过Vue将员工数据展现在表单中
5用户修改数据后，点击保存，数据传输到服务端
6服务端将数据储存到数据库中，并给页面响应

EmployeeController.java

/**
   * 按照id查询
   * @param id
   * @return
   */
  @GetMapping("/{id}")
  public Result getById(@PathVariable Long id){
      //查询数据
      Employee employee = employeeService.getById(id);
      //注入code和msg
      Integer code = employee!=null?Code.OK:Code.ERR;
      String msg = employee!=null?"修改成功":"修改失败";
      //返回result对象
      return new Result(employee,code,msg);
  }

EmployeeService.java

  /**
   * 按照id查询
   * @param id
   * @return
   */
  public Employee getById(Long id);

EmployeeServiceImpl.java

 /**
   * 按照id查询
   * @param id 用户的id
   * @return
   */
  @Override
  public Employee getById(Long id) {
      Employee employee = employeeMapper.selectById(id);
      return employee;
  }

总结

至此，员工模块的开发全部完毕，在开发过程中，要注意以下几个重点。

  • 全局异常拦截器：当出现异常时，放入全局异常进行处理。例如数据库添加数据时的唯一性冲突异常，有人认为在添加前在服务端去判断数据库是否有重复数据就好了，但显然没有异常处理的简洁性。
  • 雪花算法的丢失精度问题：需要重写一个对象转json的消息转换器，并在配置类中配置此转换器，将Long型的id转换为String类型保存在前端。
  • 分页查询：分页查询不要忘记添加MybatisPlus的分页拦截器。

悦读

道可道，非常道；名可名，非常名。 无名，天地之始，有名，万物之母。 故常无欲，以观其妙，常有欲，以观其徼。 此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。

最新收录
Hyperledger Fabric 2.2.1 区块链问题汇总（持续更新）
Liunx下使用Docker安装Nginx并部署Vue项目(超详细)
EasyExcel的导入excel文件
jXLS入门使用
Linux学习笔记--认识基本命令
java计算机毕业设计网上课程资源管理系统源代码+数据库+系统+lw文档
Kubernetes的service资源与pod详解
蓝桥杯31天冲刺打卡题解（Day20）
C语言-学生成绩管理系统
[CSP-J 2021] 分糖果
;