SpringBoot--解决BigDecimal传到前端后精度丢失的问题

￡神魔★判官ぃ 2023-09-29 16:13 11阅读 0赞

原文网址：[SpringBoot--解决BigDecimal传到前端后精度丢失的问题\_IT利刃出鞘的博客-CSDN博客][SpringBoot--_BigDecimal_IT_-CSDN]

## 简介 ##

本文用示例介绍SpringBoot如何解决BigDecimal传到前端后精度丢失问题。

## 问题复现 ##

### 前后端交互没问题 ###

Controller

package com.knife.example.business.product.controller;
    
    import com.knife.example.business.product.vo.ProductVO;
    import io.swagger.annotations.Api;
    import io.swagger.annotations.ApiOperation;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import java.math.BigDecimal;
    
    @Api(tags = "商品")
    @RestController
    @RequestMapping("product")
    public class ProductController {
    
        @ApiOperation("查询")
        @GetMapping("query")
        public ProductVO query(BigDecimal amount) {
    
            //省略查数据库等逻辑。
            //为了简便，直接虚构一个vo
            ProductVO productVO = new ProductVO();
            productVO.setId(2L);
            productVO.setName("鼠标");
            productVO.setAmount(amount);
    
            return productVO;
        }
    }

Entity

package com.knife.example.business.product.vo;
    
    import io.swagger.annotations.ApiModel;
    import io.swagger.annotations.ApiModelProperty;
    import lombok.Data;
    
    import java.math.BigDecimal;
    
    @Data
    @ApiModel("商品响应类")
    public class ProductVO {
        @ApiModelProperty("id")
        private Long id;
    
        @ApiModelProperty("名字")
        private String name;
    
        @ApiModelProperty("金额")
        private BigDecimal amount;
    }

**测试**

访问：[http://localhost:8080/product/query?amount=12345671234567.1234][http_localhost_8080_product_query_amount_12345671234567.1234]

结果

![7173f6f0710c4d47aa3687e53c07a43d.png][]

看上去没有问题，但是，前端会对数字进行处理，详见下方

### 前端处理数字会有问题 ###

**场景描述**

实际项目中前端会这样处理：调用后端接口获得JSON格式的响应字符串，然后将JSON字符串解析为JavaScript对象（用于展示到对应的位置、方便计算等）。

前端调后端的写接口（增删改）时，会将JavaScript对象序列化为JSON格式的字符串，然后将其作为参数请求后端接口。

**实例1：精度丢失**

const json = '{"id": 1, "name": "鼠标", "amount": 12345671234567.12345}';
    const obj = JSON.parse(json);
    console.log(obj.amount);  // 12345671234567.123
    console.log(JSON.stringify(obj));  // {"id":1,"name":"鼠标","amount":12345671234567.123}

可以看到，在将json字符串转为JavaScript对象后，“amount” 丢失了精度。

**实例2：丢失小数位**

const json = '{"id": 1, "name": "鼠标", "amount": 12345671234567.00000}';
    const obj = JSON.parse(json);
    console.log(obj.amount);  // 12345671234567
    console.log(JSON.stringify(obj));  // {"id":1,"name":"鼠标","amount":12345671234567}

可以看到，在将json字符串转为JavaScript对象后，“amount” 丢失了小数。

**其他示例**

## Java后端BigDecimal的范围 ##

1.  范围没有限制，可以认为无限大、无限小
2.  可以通过如下代码验证：
    
    1.      package com.example.a;
            
            import java.math.BigDecimal;
            
            public class Demo {
                public static void main(String[] args) {
                    BigDecimal bigDecimal = new BigDecimal(
                            "1234567890123456789012345678901234567890"
                                    + "1234567890123456789012345678901234567890"
                                    + ".123456789"
                    );
                    System.out.println(bigDecimal);
                }
            }
        
        执行结果：
        
            12345678901234567890123456789012345678901234567890123456789012345678901234567890.123456789

## 解决方案 ##

上边是本文的部分内容，为便于维护，全文已转移到此网址：[SpringBoot-解决BigDecimal传到前端后精度丢失的问题 - 自学精灵][SpringBoot-_BigDecimal_ -]

[SpringBoot--_BigDecimal_IT_-CSDN]: https://knife.blog.csdn.net/article/details/125095018
[http_localhost_8080_product_query_amount_12345671234567.1234]: http://localhost:8080/user/save?amount=12345671234567.1234
[7173f6f0710c4d47aa3687e53c07a43d.png]: https://img-blog.csdnimg.cn/7173f6f0710c4d47aa3687e53c07a43d.png
[SpringBoot-_BigDecimal_ -]: https://learn.skyofit.com/archives/1662