Java踩坑记：解决Thymeleaf序列化对象到页面js块long型丢失精度问题

原创

已于 2022-01-22 14:04:31 修改 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #spring #java

于 2022-01-19 18:31:47 首次发布

本文记录了解决Thymeleaf将使用雪花算法生成的long型ID序列化到JavaScript时，因JavaScriptNumber类型限制导致精度丢失的问题。通过深入Thymeleaf的序列化机制，利用Jackson ObjectMapper将long型转换为字符串，从而避免精度损失。具体实现包括获取SpringStandardDialect，反射获取JacksonStandardJavaScriptSerializer，设置序列化模块等步骤。

问题描述：

Thymeleaf可以直接把对象json序列化到页面js块里，作为js对象使用，由于后台id使用的是雪花算法，生成的id存的是long型，Thymeleaf使用的是jackson序列化，因此long型默认序列化后对js来说是Number类型，js在处理超过16位的long型存(9007199254740991以内能精确表示)在丢失精度问题，因此着了js丢失精度的坑。

解决方案：

通过网络搜索了解到Thymeleaf序列化JavaScript默认使用的是StandardJavaScriptSerializer这个类，查看该类，如下：

可以发现，内部如果检测到有jackson包，则使用的是JacksonStandardJavaScriptSerializer进行序列化，继续查看JacksonStandardJavaScriptSerializer，如下：

果然内部使用的ObjectMapper，那么我们只要拿到这个ObjectMapper，注入long型的序列化方式，序列化成字符串即可。

实现思路：

1.通过templateEngine获取SpringStandardDialect;

2.从springStandardDialect获取standardJavaScriptSerializer;

3.反射从standardJavaScriptSerializer获取delegate(JacksonStandardJavaScriptSerializer)

4.反射从delegate获取mapper(ObjectMapper)

5.设置序列化module,修改long型序列化为字符串

实现代码：（详见init方法）

WebConfig.java

import com.fasterxml.jackson.core.JsonGenerator;
import com.fasterxml.jackson.databind.DeserializationFeature;
import com.fasterxml.jackson.databind.JsonSerializer;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.SerializerProvider;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.datab