寫代碼碰到一個bug, 現象是 后台Java返回的18位的Long類型的數據,到前台丟失了精度還有前端在數據編輯的時候出現問題

(如上圖所示前端請求對象兩個數字其實都是對應同一個產品的id,上面字符串沒問題,下面前端同事傳的數字),  查了一下,原因是

 

java的Long類型是18位, 而 js的Long類型(雖然沒有明確定義的Long類型)是16位, 所以會造成丟失精度,

解決辦法:

1:將后台的Long轉換為字符串傳回前台(其中一種較簡單的方案就是在字段上面標注注解:@JsonSerialize(using = ToStringSerializer.class)),

前端提交的時候也提交字符串(如果轉為數字就會失真,后台字符串會自動轉化為long)

 

2:Spring Boot項目可以配置一個全局處理器,將long轉行為String

 

import com.fasterxml.jackson.databind.DeserializationFeature;
import com.fasterxml.jackson.annotation.JsonInclude;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import org.springframework.context.annotation.Configuration;
import org.springframework.http.converter.HttpMessageConverter;
import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

import java.util.List;

@EnableWebMvc
@Configuration
public class WebJsonConverterConfig implements WebMvcConfigurer {
    public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
        MappingJackson2HttpMessageConverter jackson2HttpMessageConverter = new MappingJackson2HttpMessageConverter();
        ObjectMapper objectMapper = new ObjectMapper();
        objectMapper.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false);
        SimpleModule simpleModule = new SimpleModule();
        simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
        simpleModule.addSerializer(Long.TYPE, ToStringSerializer.instance);
        //null屬性不序列化
        objectMapper.setSerializationInclusion(JsonInclude.Include.NON_NULL);
        objectMapper.registerModule(simpleModule);
        jackson2HttpMessageConverter.setObjectMapper(objectMapper);
        converters.add(jackson2HttpMessageConverter);
    }
}