当前位置：首页 > news >正文

Long类型雪花算法ID返回前端后三位精度缺失问题解决

news 2025/10/19 15:01:00

一、问题描述

Java 后端使用雪花算法生成 Long 类型的主键 ID，在返回前端后，会出现后三位精度丢失的问题。

在这里插入图片描述

我们写一个 ControllerAdvice 打印一下返回结果看下：

在这里插入图片描述

我们可以看到返回结果是没有问题的，但是返回到前端就会丢失两位精度。

二、问题复现

这里主要描述问题的复现过程和代码，不需要的可以直接跳过。

1.Maven依赖

<!-- Hutool，用于生成雪花算法ID -->
<dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>5.8.16</version>
</dependency><!-- Thymeleaf，用于展示页面 -->
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

2.application.yml 配置

server:port: 8080spring:mvc:view:prefix: /templates/suffix: .html

3.DemoController.java

import cn.hutool.core.util.IdUtil;
import com.demo.common.Result;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;/*** <p> @Title DemoController* <p> @Description 测试Controller** @author ACGkaka* @date 2023/4/24 18:02*/
@Slf4j
@Controller
@RequestMapping("/demo")
public class DemoController {@GetMapping("/snowflakePage")public String snowflakePage() {return "snowflakePage";}@GetMapping("/snowflakeId")@ResponseBodypublic Result<Object> snowflakeId() {return Result.succeed().setData(IdUtil.getSnowflakeNextId());}
}

4.snowflakePage.html 页面

页面文件在 resources/templates/ 路径下。

在这里插入图片描述

<!DOCTYPE html>
<html>
<head><title>调用接口并打印返回值</title>
</head>
<body>
<button onclick="getSnowflakeId()">调用接口</button>
<script>function getSnowflakeId() {fetch('/demo/snowflakeId').then(response => response.json()).then(data => {console.log(data.data);document.body.innerHTML += `<p>${data.data}</p>`;}).catch(error => console.log(error));}
</script>
</body>
</html>

5.DemoControllerAdvice.java 监听

import org.springframework.core.MethodParameter;
import org.springframework.http.MediaType;
import org.springframework.http.server.ServerHttpRequest;
import org.springframework.http.server.ServerHttpResponse;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.servlet.mvc.method.annotation.ResponseBodyAdvice;/*** <p> @Title DemoControllerAdvice* <p> @Description Controller增强** @author ACGkaka* @date 2023/4/25 21:07*/
@ControllerAdvice
public class DemoControllerAdvice implements ResponseBodyAdvice {@Overridepublic boolean supports(MethodParameter methodParameter, Class aClass) {return true;}@Overridepublic Object beforeBodyWrite(Object body, MethodParameter methodParameter, MediaType mediaType, Class aClass, ServerHttpRequest serverHttpRequest, ServerHttpResponse serverHttpResponse) {System.out.println("body is: " + body);return body;}
}

6.问题复现

请求地址：http://localhost:8080/demo/snowflakePage

在这里插入图片描述

精度丢失问题复现，下面我们来分析下导致问题的原因。

三、原因分析

后端返回：1703327682407702528
前端接收：1703327682407702500

这是因为 JS 是弱语言，前端接收数字类型参数为 number，最大接受长度为 16 位，超出长度则会丢失精度。而 Java 的 Long 类型长度是 19 位，所以传输到前端的后三位精度丢失。

解决问题的思路：把 Java 中 Long 类型转换为 String 类型返回给前端。

四、问题解决

方案一

将所有 ID 使用 String 类型存储，缺点是字符串做 ID 查询效率比较低。

方案二

使用注解、配置类，改变序列化过程。

注解方式，适用于 pojo 的 id 属性上。

import com.baomidou.mybatisplus.annotation.TableId;
import com.fasterxml.jackson.databind.annotation.JsonSerialize;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;/*** 主键*/
@TableId
@JsonSerialize(using = ToStringSerializer.class)
private Long id;

配置类方式，适用于全局配置。

import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import org.springframework.boot.autoconfigure.condition.ConditionalOnMissingBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.Primary;
import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;@Configuration
public class JacksonConfig {@Bean@Primary@ConditionalOnMissingBean(ObjectMapper.class)public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder){ObjectMapper objectMapper = builder.createXmlMapper(false).build();// 全局配置序修改列化返回 Json 处理方案SimpleModule simpleModule = new SimpleModule();// Json Long --> StringsimpleModule.addSerializer(Long.class, ToStringSerializer.instance);objectMapper.registerModule(simpleModule);return objectMapper;}
}

根据问题复现代码，再次请求地址：http://localhost:8080/demo/snowflakePage

在这里插入图片描述

精度丢失问题已修复。

整理完毕，完结撒花~ 🌻

参考地址：

1.解决雪花算法生成的ID传输前端后精度丢失，https://blog.csdn.net/weixin_48841931/article/details/127966871

Long类型雪花算法ID返回前端后三位精度缺失问题解决

目录一、问题描述二、问题复现1.Maven依赖2.application.yml 配置3.DemoController.java4.snowflakePage.html 页面5.DemoControllerAdvice.java 监听6.问题复现三、原因分析四、问题解决方案一方案二一、问题描述 Java 后端使用雪花算法生成 Long 类型的主键 ID&#xff0…...

编程日记 2023/9/18 9:13:57

6.8-SpringIoC之循环依赖底层源码解析

解决靠，三级缓存创建Map，存不完整的Bean 存在问题：属性存在但没有值...

编程日记 2023/9/18 9:12:57

Springboot 实践（18）Nacos配置中心参数自动刷新测试

前文讲解了Nacos 2.2.3配置中心的服务端的下载安装，和springboot整合nacos的客户端。Springboot整合nacos关键在于使用的jar版本要匹配，文中使用版本如下： ☆ springboot版本: 2.1.5.RELEASE ☆ spring cloud版本 Greenwich.RELEASE ☆ sp…...

编程日记 2023/9/18 9:06:50

uniapp引入小程序原生插件

怎么在uniapp中使用微信小程序原生插件，以收钱吧支付插件为例 1、在manifest.json里的mp-weixin中增加插件配置 "mp-weixin" : {"appid" : "你的小程序appid","setting" : {"urlCheck" : false},"usingCom…...

编程日记 2023/9/18 9:03:48

自己记录微信小程序开发遇到的问题

在HBuilder X中【运行】--【小程序】--【运行设置】，小程序运行配置，将【微信开发者工具】的安装路径配置进去，首次运行会自动让你填写； 1、hbuildx运行到微信开发者工具报错 Error: Unbalanced delimiter found in string 错误…...

编程日记 2023/9/18 9:01:46

【leetcode 力扣刷题】栈—波兰式///逆波兰式相关知识和题目

波兰式、逆波兰式相关知识和题目波兰式、逆波兰式介绍常规表达式转换成逆波兰式编程让常规表达式转换成逆波兰式逆波兰式运算过程常规表达式转换成波兰式编程让常规表达式转换成波兰式波兰式运算过程 150. 逆波兰式表达式求值224. 基本计算器227. 基本计算器Ⅱ282. 给表达式添…...

编程日记 2023/9/18 9:00:45

Web 第一步：HTTP 协议（基础）

这里是JavaWeb的开头部分！那么先解释一下吧： Web：全球广域网，也称为万维网（www），能够通过浏览器访问的网站。 JavaWeb：是用Java技术来解决相关 Web 互联网领域的技术栈。 &#xf…...

编程日记 2023/9/18 8:59:44

【Vue】快速入门案例与工作流程的讲解

🎉🎉欢迎来到我的CSDN主页！🎉🎉 🏅我是Java方文山，一个在CSDN分享笔记的博主。📚📚 🌟在这里，我要推荐给大家我的专栏《Vue快速入门》。&#x1f…...

编程日记 2023/9/18 8:56:41

LuatOS-SOC接口文档(air780E)--camera - codec - 多媒体-编解码

常量常量类型解释 codec.MP3 number MP3格式 codec.WAV number WAV格式 codec.AMR number AMR-NB格式，一般意义上的AMR codec.AMR_WB number AMR-WB格式 codec.create(type, isDecoder) 创建编解码用的codec 参数传入值类型解释 int 多媒…...

编程日记 2023/9/18 8:54:39

《动手学深度学习 Pytorch版》 6.6 卷积神经网络

import torch from torch import nn from d2l import torch as d2l6.6.1 LeNet LetNet-5 由两个部分组成： - 卷积编码器：由两个卷积核组成。 - 全连接层稠密块：由三个全连接层组成。模型结构如下流程图（每个卷积块由一个卷积层、…...

编程日记 2023/9/18 8:52:36

【微信小程序】项目初始化

| var() CSS 函数可以插入一个自定义属性（有时也被称为“CSS 变量”）的值，用来代替非自定义属性中值的任何部分。 1.初始化样式与颜色 view,text{box-sizing: border-box; } page{--themColor:#ad905c;--globalColor:#18191b;--focusColor…...

编程日记 2023/9/18 8:51:36

C#，《小白学程序》第二十六课：大数乘法（BigInteger Multiply）的Toom-Cook 3算法及源程序

凑数的，仅供参考。 1 文本格式 /// <summary> /// 《小白学程序》第二十六课：大数（BigInteger）的Toom-Cook 3乘法 /// Toom-Cook 3-Way Multiplication /// </summary> /// <param name"a"></par…...

编程日记 2023/9/18 8:49:34

在archiver目录建立以下代码： <?php define(DT_REWRITE, true); require ../common.inc.php; $EXT[archiver_enable] or dheader(DT_PATH); //$DT_BOT or dheader(DT_PATH); $N $M $T array(); $mid or $mid 5; $vmid $list 0; foreach($MODULE as $k>…...

编程日记 2023/9/18 8:47:31

5-1 Dataset和DataLoader

Pytorch通常使用Dataset和DataLoader这两个工具类来构建数据管道。 Dataset定义了数据集的内容，它相当于一个类似列表的数据结构，具有确定的长度，能够用索引获取数据集中的元素。而DataLoader定义了按batch加载数据集的方法，它是…...

编程日记 2023/9/18 8:46:30

IDEA创建完Maven工程后，右下角一直显示正在下载Maven插件

原因： 这是由于新建的Maven工程，IDEA会用它内置的默认的Maven版本，使用国外的网站下载Maven所需的插件，速度很慢。解决方式： 每次创建 Project 后都需要设置 Maven 家目录位置（就是我们自己下载的Mav…...

编程日记 2023/9/18 8:40:24

【调试经验】MySQL - fatal error: mysql/mysql.h: 没有那个文件或目录

机器环境： Ubuntu 22.04.3 LTS 报错问题在编译一个项目时出现了一段SQL报错： CGImysql/sql_connection_pool.cpp:1:10: fatal error: mysql/mysql.h: 没有那个文件或目录 1 | #include <mysql/mysql.h> | ^~~~~~~~~~~~~~~ c…...

编程日记 2023/9/18 8:38:22

腾讯mini项目-【指标监控服务重构】2023-08-12

今日已办 Watermill Handler 将 4 个阶段的逻辑处理定义为 Handler 测试发现，添加的 handler 会被覆盖掉，故考虑添加为 middleware 且 4 个阶段的处理逻辑针对不同 topic 是相同的。参考https://watermill.io/docs/messages-router/实现不同topic&am…...

编程日记 2023/9/18 8:37:20

kubeadm部署k8sv1.24使用cri-docker做为CRI

目的测试使用cri-docker做为containerd和docker的中间层垫片。规划 IP系统主机名10.0.6.5ubuntu 22.04.3 jammymaster01.kktb.org10.0.6.6ubuntu 22.04.3 jammymaster02.kktb.org10.0.6.7ubuntu 22.04.3 jammymaster03.kktb.org 配置步骤： 系统优化禁用sw…...

编程日记 2023/9/18 8:35:16

在c#中使用CancellationToken取消任务

目录 🚀介绍： 🐤简单举例 🚀IsCancellationRequested 🚀ThrowIfCancellationRequested 🐤在控制器中使用 🚀通过异步方法的参数使用cancellationToken 🚀api结合ThrowIfCancel…...

编程日记 2023/9/18 8:34:14

XCTF-web-easyupload

试了试php，php7，pht，phtml等，都没有用尝试.user.ini 抓包修改将.user.ini修改为jpg图片在上传一个123.jpg 用蚁剑连接，得到flag...

编程新知 2025/10/10 18:04:11

ubuntu搭建nfs服务centos挂载访问

在Ubuntu上设置NFS服务器在Ubuntu上，你可以使用apt包管理器来安装NFS服务器。打开终端并运行： sudo apt update sudo apt install nfs-kernel-server创建共享目录创建一个目录用于共享，例如/shared： sudo mkdir /shared sud…...

编程新知 2025/8/27 13:05:41

VB.net复制Ntag213卡写入UID

本示例使用的发卡器：https://item.taobao.com/item.htm?ftt&id615391857885 一、读取旧Ntag卡的UID和数据 Private Sub Button15_Click(sender As Object, e As EventArgs) Handles Button15.Click轻松读卡技术支持:网站:Dim i, j As IntegerDim cardidhex, …...

编程新知 2025/10/15 3:54:35

day52 ResNet18 CBAM

在深度学习的旅程中，我们不断探索如何提升模型的性能。今天，我将分享我在 ResNet18 模型中插入 CBAM（Convolutional Block Attention Module）模块，并采用分阶段微调策略的实践过程。通过这个过程，我不仅提升…...

编程新知 2025/9/14 16:40:54

使用分级同态加密防御梯度泄漏

抽象联邦学习 （FL） 支持跨分布式客户端进行协作模型训练，而无需共享原始数据，这使其成为在互联和自动驾驶汽车 （CAV） 等领域保护隐私的机器学习的一种很有前途的方法。然而，最近的研究表明&…...

编程新知 2025/10/16 11:41:31

聊聊 Pulsar：Producer 源码解析

一、前言 Apache Pulsar 是一个企业级的开源分布式消息传递平台，以其高性能、可扩展性和存储计算分离架构在消息队列和流处理领域独树一帜。在 Pulsar 的核心架构中，Producer（生产者） 是连接客户端应用与消息队列的第一步。生产者…...

编程新知 2025/10/16 19:11:24

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...

编程新知 2025/9/17 19:16:20

浅谈不同二分算法的查找情况

二分算法原理比较简单，但是实际的算法模板却有很多，这一切都源于二分查找问题中的复杂情况和二分算法的边界处理，以下是博主对一些二分算法查找的情况分析。需要说明的是，以下二分算法都是基于有序序列为升序有序的情况&#xf…...

编程新知 2025/9/14 7:37:32

Map相关知识

数据结构二叉树二叉树，顾名思义，每个节点最多有两个“叉”，也就是两个子节点，分别是左子节点和右子节点。不过，二叉树并不要求每个节点都有两个子节点，有的节点只有左子节点，有的节点只有…...

编程新知 2025/10/17 19:05:40

Maven 概述、安装、配置、仓库、私服详解

目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...

编程新知 2025/10/15 18:04:13

目录

一、问题描述

二、问题复现

1.Maven依赖

2.application.yml 配置

3.DemoController.java

4.snowflakePage.html 页面

5.DemoControllerAdvice.java 监听

6.问题复现

三、原因分析

四、问题解决

方案一

方案二

相关文章：