前端js传入Long类型精度丢失解决办法
创始人
2024-03-03 21:41:53
0

目录

问题背景

 解决过程

1.对比数据库数据

2.查询资料

解决方法


问题背景

在进行业务开发的 时候发现更新数据库中的一条数据没有成功,查看SQL日志发现SQL正常执行无错误信息,但是受影响行数为0,但是数据是从前端传过来的 ,一定是有这条数据存在的,那么为什么会有0条受影响呢?

 解决过程

1.对比数据库数据

我们去数据库中查找id为1597786380514103300的这条数据时,发现确实没有这条数据,然后我们又根据这条数据的其他信息找到了一条数据,发现前端发送过来的id最后两位与数据不一致  

下图为数据库中的数据id  和前端展示的id

 

 通过两个id的对比,我们大致猜测是id从后端到前端展示的某个环节中一定发生了让数据丢失精度的问题。

2.查询资料

通过查询资料 发现 js【JavaScript】的Number类型最大长度为17位,当接收的数据超过17位时就会进行四舍五入展示。

解决方法

1.大概从网上浏览的一些解决办法,总体的思路就是将Long类型转换为String类型给前端展示,

开始整活(解决)

第一步:自定义类型转换器

/*** 对象映射器:基于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)//将Long类型数据转换为String类型数据.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);}
}

 第二步:替换MVC默认的转换器

@Configuration
public class WebMvcConfig extends WebMvcConfigurationSupport {/*** 功能描述 :扩展消息转换器*/@Overrideprotected void extendMessageConverters(List> converters) {//创建一个新的消息转换器对象MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();//设置对象转换器,地城使用Jackson将java对象转换为jsonmessageConverter.setObjectMapper(new JacksonObjectMapper());//将上面的消息类型转换器对象追加到mvc框架的转换器集合中   追加时需要设置我们自定义的索引为0  这样才能优先使用converters.add(0, messageConverter);}}

 我们自定义了一个序列化器,不仅可以将Long类型转换为String ,还加入了一些其他类型的转换的序列化器(如无需要自行删除)。这样可以减少很多由于js的转换发生的小问题。

运行程序时可以看到 一开始 会加载MVC默认的8个转换器

追加自己新定义的转换器 

 

这样Long丢失精度的问题就完美解决了!!!

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...