问题 1:MyBatis-plus-3.5.9 的分页功能修复
<h1 id="问题后端由于字符内容过长前端展示精度丢失修复">问题:后端由于字符内容过长,前端展示精度丢失修复</h1><p><font style="color: rgba(31, 35, 40, 1)">虽然我们在 Swagger 接口测试中并没有看到精度丢失的错误,但是在测试中,如果你打开 F12 控制台,利用预览来查 看响应数据,就会发现另一个问题:id 的最后 两位好像都变成 0 了!</font></p>
<p><img src="https://img2024.cnblogs.com/blog/3084824/202507/3084824-20250707083004447-2002972266.png"></p>
<p>这是由于前端 JS 的精度范围有限,我们后端返回的 ID 范围过大,导致前端精度丢失,会影响前端页面获取到的数据结果。</p>
<p>为了解决这个问题,可以在后端 <code>config</code> 包下新建一个全局 <strong>JSON</strong> 的配置,将整个后端 Spring MVC 接口返回的值的长整型数字转换为字符串进行返回,从而集中解决问题。</p>
<p><img src="https://img2024.cnblogs.com/blog/3084824/202507/3084824-20250707083004373-112021529.png"></p>
<pre><code class="language-java">package com.rainbowsea.yupicturebackend.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.boot.jackson.JsonComponent;
import org.springframework.context.annotation.Bean;
import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;
/**
* Spring MVC Json 配置
*/
@JsonComponent
public class JsonConfig {
/**
* 添加 Long 转 json 精度丢失的配置
*/
@Bean
public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) {
ObjectMapper objectMapper = builder.createXmlMapper(false).build();
SimpleModule module = new SimpleModule();
module.addSerializer(Long.class, ToStringSerializer.instance);
module.addSerializer(Long.TYPE, ToStringSerializer.instance);
objectMapper.registerModule(module);
return objectMapper;
}
}
</code></pre>
<p><font style="color: rgba(31, 35, 40, 1)">重启项目进行测试,这次看到的 id 值就正常了:</font></p>
<p><img src="https://img2024.cnblogs.com/blog/3084824/202507/3084824-20250707083004400-1716199332.png"></p>
<h1 id="最后">最后:</h1>
<blockquote>
<p>“在这个最后的篇章中,我要表达我对每一位读者的感激之情。你们的关注和回复是我创作的动力源泉,我从你们身上吸取了无尽的灵感与勇气。我会将你们的鼓励留在心底,继续在其他的领域奋斗。感谢你们,我们总会在某个时刻再次相遇。”</p>
<p><img src="https://img2024.cnblogs.com/blog/3084824/202507/3084824-20250707083004625-407812919.gif"></p>
</blockquote><br><br>
来源:https://www.cnblogs.com/TheMagicalRainbowSea/p/18969820
頁:
[1]