首页 > 其他分享 >前端解决Long类型精度丢失的问题

前端解决Long类型精度丢失的问题

时间:2024-09-09 13:52:16浏览次数:4  
标签:前端 Long 丢失 类型 序列化 精度

问题

数据库数据:
image
前端得到的数据:
image
出现了Long类型的数据出现精度丢失问题!

原因

JS中Long最大值:9007199254740992
JAVA中Long最大值:9223372036854775807
雪花算法id外加数据范围的不同导致地前后端不匹配

解决方法

把Long类型转为String再传给前端;
这里用的方法是通过 Jackson 序列化的注解@JsonSerialize(using = ToStringSerializer.class),将 Java 对象序列化为 JSON 时,将某个字段强制转换为字符串类型输出。

image

这个注解常用于对某些数据类型(如 Long 或 BigInteger)进行处理,特别是在前端(如 JavaScript)可能无法正确处理大整数时,避免精度丢失的问题。

结果展示

image

标签:前端,Long,丢失,类型,序列化,精度
From: https://www.cnblogs.com/yubaibaibubai/p/18404386

相关文章

  • 使用Git进行版本控制:前端开发者的最佳实践
    聚沙成塔·每天进步一点点本文回顾⭐专栏简介使用Git进行版本控制:前端开发者的最佳实践1.引言2.Git的基本概念2.1版本控制系统的作用2.2Git的基本操作3.Git最佳实践3.1使用有意义的提交信息3.2小步提交,频繁提交3.3使用分支进行开发3.4代码评审(CodeReview)......
  • IBM AI Developer 专业证书专项课程-Introduction to Software Engineering-Unit2-前
    前端网站开发前端开发简介用户交互:用户在浏览在线购物网站时,主要与网站的前端进行交互。这包括浏览不同的页面、选择不同的产品类别、比较产品等活动。前端的作用:前端是用户直接接触的部分,它决定了用户如何与网站或应用进行交互,以及他们的视觉体验。网站开发基础HTML(Hyp......
  • 重启机器导致lvm莫名丢失
    写在前面喜欢ceph的话欢迎关注奋斗的cepher微信公众号阅读更多好文!有段日志没更新了,最近又是扩容集群,又是上线新池,事情较多,尤其是其中一个比较大的项目,总计上线超过100PB,今天更新的诡异现象,就是在这个百PB项目中发现的。发现问题按部就班自动化部署、自动化配置、自动化......
  • 前端css样式优先级问题
    一、常用选择器1.标签选择器(标签名{}),选中对应标签里的内容,例(div{})2.类选择器(.类名{}),选中对应类名的内容,例(.one{})   注:不可以数字开头,一个标签中可有多个类名3.id选择器(#id{}),选中对应id的内容,例(#one{})   注:不可以数字开头,一个标签里只能有一个id属性4.通配符选择器(*{}),......
  • LongAdder原理理解体会
    在实际应用中,选择合适的优化方法需要根据具体的业务逻辑和并发需求进行权衡和调整。这里我们针对LongAdder的优化进行说明一下,它是基于了CAS分段锁的思想实现的。线程去读写一个LongAdder类型的变量时,流程如下:基于Unsafe提供的CAS操作+valitale去实现的。在LongAdder的......
  • PyQt6/PySide6:账本项目前端制作【附完整项目地址】
    0.前言最近在家里闲着没事,正好又看到朋友@studentWheat发了篇用Tkinter做的账本,于是决定跟他一起改进这个程序。屏幕截图:1.后端后端主要是朋友做的,在这里就不多说了,放个代码:src/api.pyfromcollectionsimportdefaultdictclassApiError(RuntimeError):passd......
  • 前端学习笔记-Web APls篇-05
    Bom操作1.Window对象 1.1BOM(浏览器对象模型)BOM(BrowserObjectModel)是浏览器对象模型window对象是一个全局对象,也可以说是JavaScript中的顶级对象像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。所有通过var定义在全局作......
  • 前端使用Fetch 后端Spring Boot实现下载文件(浏览器下载栏)
    前后端分别实现前端代码后端代码前端代码constdownloadFile=()=>{fetch("/getDocx?fileName=文件名称.docx").then((response)=>{console.log('response:>>',response);if(!response.ok){thrownewError("本次请求......
  • Java 后端接口入参 - 联合前端VUE 使用AES完成入参出参加密&解密
    加密效果:解密后的数据就是正常数据:后端:使用的是spring-cloud框架,在gateway模块进行操作<dependency><groupId>com.google.guava</groupId><artifactId>guava</artifactId><version>30.0-jre</version>......
  • Jenkins+Github+Nginx实现前端项目自动部署
    前言最近在搭建一个自己的网站,网站框架搭好了要把项目放到服务器运行,但是每次更新网站内容就要手动部署一次,实在很麻烦,于是就想搭建一套自动化部署的服务。看了一些案例最后选用现在比较主流的Jenkins+Github+Nginx的方案来搭建,于是跟着教程去做,看了很多教程其实不是太......