mybatis-plus雪花算法自动生成ID到前端后精度丢失问题

一时失言乱红尘 2024-04-21 08:10 57阅读 0赞

### 问题发生 ###

前端接收到后端的数据出现异常，异常如下：

如图这是后端正常返回的数据，

![image-20231210233224808][]

但是点击预览时发现这个id的数据被改变了

![image-20231210233153716][]

这就导致了我通过id去修改相关数据时无法成功

### 问题原因 ###

> id的长度过长（19位），前端js的Number类型精度为16位，所以导致数据格式化精度丢失

这个id是我用mybatis-plus的雪花算法自动生成的，后端实体类似如下：

![image-20231210233724815][]

后端实体参数使用Long类型是没有任何问题的，关键就在于Long类型到前端后在解析json时候会被解析为Number类型导致精度缺失。

### 问题解决 ###

#### 方案一 ####

> 修改后端全部实体的id为String类型，并且修改数据库类型

#### 方案二 ####

> 优化后端返回给前端数据时候的JSON序列化，将Long类型转变为String响应给前端
> 
> \*\*注：\*\*在springBoot应用中默认使用Jackson进行JSON序列化响应数据给前端

package com.newblog.security.config;
    
    import com.fasterxml.jackson.databind.ObjectMapper;
    import com.fasterxml.jackson.databind.module.SimpleModule;
    import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
    import org.springframework.boot.autoconfigure.condition.ConditionalOnMissingBean;
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.context.annotation.Primary;
    import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;
    
    /**
     * <p>
     *
     * </p>
     *
     * @author:雷子杰
     * @date:2023/12/10
     */
    @Configuration
    public class JacksonConfig {
        
    
        @Bean
        @Primary
        @ConditionalOnMissingBean(ObjectMapper.class)
        public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder)
        {
        
            ObjectMapper objectMapper = builder.createXmlMapper(false).build();
    
            // 全局配置序列化返回 JSON 处理
            SimpleModule simpleModule = new SimpleModule();
            //JSON Long ==> String
            simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
            objectMapper.registerModule(simpleModule);
            return objectMapper;
        }
    
    }

### 参考文档 ###

*  [https://juejin.cn/post/6864692212442398728][https_juejin.cn_post_6864692212442398728]

[image-20231210233224808]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/21/59f1c60e677e444eb30f226d3520c86c.png
[image-20231210233153716]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/21/c46fe6e3caee49ce80fa1b16d03e737d.png
[image-20231210233724815]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/21/bb6af346dca641a5b082ff543a05e453.png
[https_juejin.cn_post_6864692212442398728]: https://juejin.cn/post/6864692212442398728