解决js精度不够修改后端Long类型值问题

由于修改了id长度，导致19位的Long类型 id 值返回到前端被修改掉了。

后端值：1510131356504764416

前端打印值：1510131356504764400

解决此问题有两个方案

方案一

把后端的 id 字段类型修改为 String ，用字符串来保存并且返回到前端，就完美解决这个问题了。

---

但如果不想改动代码，或者此属性已经在很多地方用到，改不动，那就用方案二。

方案二

在字段上加上两个注解，如下所示。

@JsonSerialize(using = LongJsonSerializer.class)
@JsonDeserialize(using = LongJsonDeserializer.class)
private Long customerId;

@JsonSerialize 注解和 @JsonDeserialize 注解分别用于序列化和反序列时 Long 类型和 String 类型互转。

序列化和反序列化的类需要自己创建，在项目里创建两个类，拷贝代码即可。

LongJsonSerializer.class

import com.fasterxml.jackson.core.JsonGenerator;
import com.fasterxml.jackson.databind.JsonSerializer;
import com.fasterxml.jackson.databind.SerializerProvider;
import java.io.IOException;

/**
 * Long类型字段序列化转为字符串，防止js丢失精度
 */
public class LongJsonSerializer extends JsonSerializer {

    @Override
    public void serialize(Object value, JsonGenerator gen, SerializerProvider serializers) throws IOException {
        String text = (value == null ? null : String.valueOf(value));
        if (text != null) {
            gen.writeString(text);
        }
    }

}

LongJsonDeserializer.class

import com.fasterxml.jackson.core.JsonParser;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.DeserializationContext;
import com.fasterxml.jackson.databind.JsonDeserializer;
import lombok.extern.slf4j.Slf4j;
import java.io.IOException;

/**
 * 字符串转Long类型
 */
@Slf4j
public class LongJsonDeserializer extends JsonDeserializer {


    @Override
    public Object deserialize(JsonParser p, DeserializationContext ctxt) throws IOException, JsonProcessingException {
        String value = p.getText();
        try {
            return value == null ? null : Long.parseLong(value);
        } catch (NumberFormatException e) {
            log.error("解析长整形错误", e);
            return null;
        }
    }
}

在需要的字段上加上这两个注解即可，重启项目，数据正常。

---

一点建议

我个人比较推荐方案一，因为正常情况下ID字段用数字类型并无多大意义，反而会造成精度问题。而且在数据库层面用数字类型（如int或bigint）即可，Java代码里直接用String统一接收处理即可，前端也不会遇到精度问题，同时降低了后端代码复杂度。