后端Long类型数据返回到前端造成精度丢失

一、问题描述

数据库的某表的主键是ID，类型是bigint，用来存储雪花算法生成的ID。后端返回对象的参数中ID为1297213338123982112，当前端接收时变成了1297213338123982100

二、原因

Java后端Long类型的范围：~，即 -9223372036854775808 ~ 9223372036854775807，它是19位的。这个数字可以通过方法获得：Long.MAX_VALUE、Long_MIN_VALUE。
前端JS的数字类型的范围：~，即 -9007199254740991 ~ 9007199254740991，它是16位的。这个数字可以通过方法获得：Number.MAX_SAFE_INTEGER、Number.MIN_SAFE_INTEGER。

所以，如果后端如果传来一个19位的Long型整数，也就是超过了16位JS数字类型最大位数，所以造成前端获取后端返回的值不一致。

其中，雪花算法一般会生成19位的数字，也就是超出JS数字类型的最大位数16，造成无法正确解析。但是，Long类型的位数小于JS最大的位数16，是可以正确解析的。

三、解决方法

方式一：单个字段注解方式

这种方式只需要我们在需要转换的字段上增加@JsonSerialize注解，在实体类上增加@JsonInclude注解。Controller层方法不需要特殊处理,但是使用这种方法时，如果需要转换的字段较多，就显得比较繁琐

@JsonInclude(JsonInclude.Include.NON_NULL)
public class ProductVo {

    @JsonSerialize(using=ToStringSerializer.class)
    private Long productId

    private String productName;
    // get,set省略
}

方式二：SpringBoot使用Jackson序列化方式

Jackson是一个Java库，用于处理JSON格式的数据

/**
 * 对象映射器:基于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);
    }
}

@Slf4j
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

     /**
     * 拓展MVC框架的消息转换器
     */
    @Override
    public void extendMessageConverters(List> converters) {

        // 创建消息转换器对象
        MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();
        // 设置对象转换器，底层使用Jackson将Java对象转为JSON
        messageConverter.setObjectMapper(new JacksonObjectMapper());
        // 将上面的消息转换器对象追加到MVC框架的转换器集合中
        converters.add(messageConverter);
    }
}