JavaScript大数ID精度丢失问题的解决方案

1965951881494065154 (19位)

import com.fasterxml.jackson.databind.annotation.JsonSerialize;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;

/** 服务器ID */
@JsonSerialize(using = ToStringSerializer.class)
private Long id;

package com.ruoyi.email.domain;

import java.io.Serializable;
import java.util.Date;
import javax.validation.constraints.*;
import com.baomidou.mybatisplus.annotation.FieldFill;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableName;
import com.fasterxml.jackson.annotation.JsonFormat;
import com.fasterxml.jackson.databind.annotation.JsonSerialize;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import com.ruoyi.common.annotation.Excel;
import com.ruoyi.common.annotation.Excel.ColumnType;
import lombok.Data;
import lombok.EqualsAndHashCode;

@Data
@EqualsAndHashCode
@TableName("tbl_email_server")
public class EmailServer implements Serializable
{
    private static final long serialVersionUID = 1L;

    /** 服务器ID */
    @JsonSerialize(using = ToStringSerializer.class)
    private Long id;
    
    // ... 其他字段
}

{
    "id": 1965951881494065200,  // 精度丢失！
    "serverCode": "EMAIL_001",
    "name": "主邮件服务器"
}

{
    "id": "1965951881494065154", // 字符串格式，精度保持！
    "serverCode": "EMAIL_001", 
    "name": "主邮件服务器"
}

<template>
  <el-table :data="serverList">
    <el-table-column prop="id" label="ID" />
    <el-table-column label="操作">
      <template #default="{ row }">
        <!-- 字符串ID可以直接使用 -->
        <el-button @click="editServer(row.id)">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

// 接收数据
const serverData = {
    id: "1965951881494065154", // 字符串格式
    serverCode: "EMAIL_001",
    name: "主邮件服务器"
};

// 发送请求
updateEmailServer({
    id: serverData.id, // 直接使用字符串ID
    serverCode: "EMAIL_002"
});

// 需要特殊处理
const id = BigInt("1965951881494065154");

@Configuration
public class JacksonConfig {
    @Bean
    public Jackson2ObjectMapperBuilder jackson2ObjectMapperBuilder() {
        return new Jackson2ObjectMapperBuilder()
                .simpleDateFormat("yyyy-MM-dd HH:mm:ss")
                .serializerByType(Long.class, ToStringSerializer.instance);
    }
}

@JsonSerialize(using = ToStringSerializer.class)
private Long id;