继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

解决前后端交互Long类型精度丢失问题

2021-03-10 14:07:134284浏览

甲蛙

3实战 · 13手记 · 3推荐
TA的实战

雪花算法ID,对应的后端Long类型,前端number类型,它们的精度不一样,导致精度丢失

现象

雪花算法得到的ID较长,传到前端后,精度丢失

库中:23754851322302474
后端:23754851322302474
前端:23754851322302470


解决方法

将Long类型转成String,再传给前端

方法一:单个注解

@JsonSerialize(using= ToStringSerializer.class)
private Long id;

方法二:统一配置

package com.jiawa.wiki.config;

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.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;

/**
 * 统一注解,解决前后端交互Long类型精度丢失的问题
 * 公众号:甲蛙全栈
 * 关联视频课程《Spring Boot + Vue3 前后端分离 实战wiki知识库系统》
 * https://coding.imooc.com/class/474.html
 */
@Configuration
public class JacksonConfig {
    @Bean
    public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) {
        ObjectMapper objectMapper = builder.createXmlMapper(false).build();
        SimpleModule simpleModule = new SimpleModule();
        simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
        objectMapper.registerModule(simpleModule);
        return objectMapper;
    }
}


—————— 视频课程  ——————

《开发工具IDEA从入门到爱不释手》

《Spring Boot + Vue3 前后端分离 实战wiki知识库系统》

《Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统》


—————— THE END  ——————

原文链接:http://www.jiawablog.com/detail?id=156521212003094528

甲蛙博客,专注Java全栈技术分享


打开App,阅读手记
6人推荐
发表评论
随时随地看视频慕课网APP

热门评论

本文对应的视频在这里:http://www.jiawablog.com/detail?id=156521212003094528

查看全部评论