关于Js对于数字类型只能确保16位精度所引出来的一个问题

关于Js对于数字类型只能确保16位精度所引出来的一个问题

先来看看数据库里的数据

可以看到，这里的id有足足19位，而且这是一个整形类型，那么当前端从服务器查询到的数据是怎样的呢？

可以看到，这里的数据已经发生了变化，因为Js语言对于数字类型只能保证16位的精确度，所以，当我们执行 updateById 方法的时候，会导致错误！！

那么，怎么办呢？

诶~对！只要我们更改数据库的id字段，设置成varchar类型不就万事大吉了？
然而这并不是最好的办法，因为我们已经设计好的数据库最好不要在开发中进行变更，而且即使是一开始设计数据库的时候就把id设置成varchar也可能会导致其他更多意想不到的错误。

我们知道，后端controller返回的Java对象要通过 Spring MVC的消息转换器来进行序列化，那么我们就可以思考一下，既然Spring MVC默认的消息转换器没有自动将我们的Long类型的id转化成字符串，那么我们是否可以通过扩展消息转换器来达成这个目的呢？答案当然是肯定的，Springboot本来就支持我们自定义其组件

所以，我们在WebMVC配置类中创建我们的消息转换器，并将其添加到Spring MVC的消息转换器中

@Configuration
public class WebConfig implements WebMvcConfigurer {
    /**
     * 扩展消息转换器
     */
    @Override
    public void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
        //创建消息转换器，这个消息转换器是基于JackSon的
        MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();
        //设置具体的对象映射器
        messageConverter.setObjectMapper(new JacksonObjectMapper());
        //通过设置优先级（也就是放在索引位0的第一位），让自己的转换器放在最前面，否则默认的jackson转换器会在前面，用不上我们的转换器
        converters.add(0,messageConverter);
    }
}

package com.liang.regiee.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);
    }
}

我们再来看看前端请求到的数据：

嗯，很好，这样就解决了！