黑马瑞吉外卖之员工账号的禁用和启用以及编辑修改

黑马瑞吉外卖之员工账号的禁用和启用以及编辑修改

黑马瑞吉外卖之员工账号的禁用和启用以及编辑修改

​​前端页面分析​​​​后端状态修改与编辑功能开发。​​

前端页面分析

下面我们去分析员工账号的启用与禁用。

首先我们来看前端对这部分信息的展示，是根据这里给出的状态值展示的。

我们点进去这个方法

其实还是将具体的请求方法路径写到了一个js里面，这里发送了一个put请求。提交的参数就是id,和status,我们根据提交过来的参数在后来进行接收，并按照数据修改数据库中的字段值。

当我们处理好数据后，前端接收到返回的状态值1,然后会弹出提示说状态修改成功，然后下面会调用一个方法，一定是用于更新数据列表。

这个方法定义在这里，从这里我们可以看到，它这里还是会做一个分页查询。

下面我们分析员工信息的修改。 我们找到这个方法，点进去

可以看到，其实这个请求路径和我们的状态修改是一样的。

于是这样，我们可以写一个统一的方法，那么两者的请求路径和方法是一样的，于是我们可以遇见一个接收参数的形式。我们用实体类型employee来接收前端提交的参数，因为这些参数我们的实体类都有，这样我们就可以进行一个统一的接收。不过还有一点就是数据信息的回显，也就是啊，我们修改员工信息的时候，表单的原来数据信息可以进行回显。

所以除了基本的淑女更新外，在修改这里我们需要做一个数据回显的后端逻辑功能。

这是整体的一个前端逻辑。下面我们开始对后面的功能逻辑进行一个编写。

后端状态修改与编辑功能开发。

我们前面分析了请求路径。所以这两个功能我们直接在后端统一开启就行了。这个是我们进行更新状态的操作。

// 根据id修改员工信息 @PutMapping public R_ update(@RequestBody Employee employee) { employService.updateById(employee); return R_.success("员工信息修改成功"); }

Mybatis-plus的updateById()方法来更新一条记录时：只会更新不为null的字段，为null的字段会不变。

但是这样会出现一个问题，前端js并不能正确处理id，因为我们的id根据生成策略它是19位的，但是在分页查询的时候后端给前端传给19位long类型的id只能被js处理到16为，这样的话，在我们这里前端获取id提交给后端的时候也就和本来的id对应不上了，于是我们必须想出一种解决办法。

那么我们可以在服务端给前端传送id的时候统一转换为String类型。我们需要一个消息转换器。这个是课程给出的转换器类

package com.jgdabc.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] *//** * 将前端发送的数据过于长超过16位时，long的精度为16位，导致精度不准确，例如id为雪花算法的自动生成， * 导致前端发出的请求后端的接收的数据精度受到影响， * 转换为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); }}

编辑回显的话就是这么一个方法

@GetMapping("/{id}") public R_ getById(@PathVariable long id) { Employee emp = employService.getById(id); if(emp!=null) { return R_.success(emp); } return R_.error("没有查询到对应数据"); }

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。