现象

前端js获取id然后查询详情信息，发现查询不到结果，然而id值时后端传给前台的，前端获取到id值然后到后端去请求，发现查询不到结果，然后代码跟踪，发现前端传的id参数值和后端传回的值不一样，后面几位莫名其妙变成0了。

原因

js long过大会导致精度丢失。(大整数的精度丢失和浮点数本质上是一样的，尾数位最大是 52 位，因此 JS 中能精准表示的最大整数是 Math.pow(2, 53)，十进制即 9007199254740992。大于 9007199254740992 的可能会丢失精度)

解决思路

后端返回json格式数据的，对id进行转换，转换成字符串，这样避免的js long精度丢失问题。

解决办法

springMVC项目

第一步：自定义消息转换器

自定义消息转换器，转换long型为String型，代码如下所示：

  1. import java.io.IOException;
  2. import java.math.BigInteger;
  3. import java.sql.Timestamp;
  4. import java.text.SimpleDateFormat;
  5. import java.util.Date;
  6. import java.util.TimeZone;
  7. import org.springframework.stereotype.Component;
  8. import com.fasterxml.jackson.core.JsonGenerator;
  9. import com.fasterxml.jackson.core.JsonProcessingException;
  10. import com.fasterxml.jackson.databind.JsonSerializer;
  11. import com.fasterxml.jackson.databind.ObjectMapper;
  12. import com.fasterxml.jackson.databind.SerializerProvider;
  13. import com.fasterxml.jackson.databind.module.SimpleModule;
  15. /**
  16.  * @Title CustomObjectMapper.java
  17.  * @Description
  18.  */
  19. @Component("customObjectMapper")
  20. public class CustomObjectMapper extends ObjectMapper {
  21.     private static final long serialVersionUID = 1L;
  23.     public CustomObjectMapper() {
  24.         // 日期转换
  25.         SimpleModule module = new SimpleModule();
  26.         module.addSerializer(Date.class, new JsonSerializer<Date>() {
  27.             @Override
  28.             public void serialize(Date date, JsonGenerator jsonGenerator, SerializerProvider arg2) throws IOException, JsonProcessingException {
  29.                 SimpleDateFormat sdf1 = new SimpleDateFormat("yyyy-MM-dd");
  30.                 jsonGenerator.writeString(sdf1.format(date));
  31.             }
  32.         });
  33.         this.registerModule(module);
  34.         // Long to String
  35.         SimpleModule module2 = new SimpleModule();
  36.         module2.addSerializer(Long.class, new JsonSerializer<Long>() {
  37.             @Override
  38.             public void serialize(Long value, JsonGenerator jsonGenerator, SerializerProvider arg2) throws IOException, JsonProcessingException {
  39.                 if (value != null) {
  40.                     jsonGenerator.writeString(value.toString());
  41.                 }
  42.             }
  43.         });
  44.         this.registerModule(module2);
  45.         // 设置时区
  46.         this.setTimeZone(TimeZone.getDefault());// getTimeZone("GMT+8:00")
  47.     }
  48. }

第二步：mvc xml中配置自定义消息转换器

clipboard.png

第三步：mybatis mapper xml文件中返回resultType=”map”，申明javaType

PS：经过几番测试，如果resultType=”map”,不会调用自定义Long to String转换器模块，只有自定义返回map，并且申明javaType=”java.lang.Long”,才会走自定义Long to String转换器模块,因为mybatis默认是BigDecimal。
clipboard.png

springBoot项目

第一步：自定义转换器继承jackson2HttpMessageConverter

自定义转换器继承jackson2HttpMessageConverter，自定义实例化MappingJackson2HttpMessageConverterbean，代码如下所示：

  1. package com.ruoyi.framework.config;
  3. import org.springframework.context.annotation.Bean;
  4. import org.springframework.context.annotation.Configuration;
  5. import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;
  6. import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;
  7. import com.fasterxml.jackson.annotation.JsonInclude;
  8. import com.fasterxml.jackson.databind.MapperFeature;
  9. import com.fasterxml.jackson.databind.ObjectMapper;
  10. import com.fasterxml.jackson.databind.module.SimpleModule;
  11. import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
  13. /**
  14.  * Jackson配置
  15.  */
  16. @Configuration
  17. public class JacksonConfig {
  18.     @Bean
  19.     public MappingJackson2HttpMessageConverter jackson2HttpMessageConverter() {
  20.         final Jackson2ObjectMapperBuilder builder = new Jackson2ObjectMapperBuilder();
  21.         builder.serializationInclusion(JsonInclude.Include.NON_NULL);
  22.         final ObjectMapper objectMapper = builder.build();
  23.         SimpleModule simpleModule = new SimpleModule();
  24.         // Long 转为 String 防止 js 丢失精度
  25.         simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
  26.         objectMapper.registerModule(simpleModule);
  27.         // 忽略 transient 关键词属性
  28.         objectMapper.configure(MapperFeature.PROPAGATE_TRANSIENT_MARKER, true);
  29.         return new MappingJackson2HttpMessageConverter(objectMapper);
  30.     }
  31. }

第二步：mybatis mapper xml文件中返回resultType=”map”，申明javaType

PS：经过几番测试，如果resultType=”map”,不会调用自定义Long to String转换器模块，只有自定义返回map，并且申明javaType=”java.lang.Long”,才会走自定义Long to String转换器模块,因为mybatis默认是BigDecimal。
clipboard.png

参考网址

https://doc.ruoyi.vip/ruoyi/other/faq.html#如何处理long类型精度丢失问题