解决:update更新用户锁定状态时,前端给后端的用户id与数据库实际用户id不符,造成无法更新用户状态问题

一、问题描述:前端用户id是根据数据库查询的,但当对用户权限做update时,发现其前端传给后端的用户id与数据库不一致!如图:

 

二、问题根源及思路:后端在最初给前端数据进行展示的时候,用户id就已经不一致,追其原因是后端数据传给前端进行展示的时候,需要将java对象转换成json,而json只能保证16位的精度,进而问题产生。  思路:给前端数据时,将数据类型变成字符串。

     

三、解决实践:( 两步 ):

        自定义消息转换器→将其加入到mvc的消息转换器集合中。

        步骤1:创建自定义消息转换器,如下:

package com.itheima.reggie.common;

import com.fasterxml.jackson.databind.DeserializationFeature;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalDateDeserializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalDateTimeDeserializer;
import com.fasterxml.jackson.datatype.jsr310.deser.LocalTimeDeserializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalDateSerializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalDateTimeSerializer;
import com.fasterxml.jackson.datatype.jsr310.ser.LocalTimeSerializer;
import java.math.BigInteger;
import java.time.LocalDate;
import java.time.LocalDateTime;
import java.time.LocalTime;
import java.time.format.DateTimeFormatter;
import static com.fasterxml.jackson.databind.DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES;

/**
 * 对象映射器:基于jackson将Java对象转为json,或者将json转为Java对象
 * 将JSON解析为Java对象的过程称为 [从JSON反序列化Java对象]
 * 从Java对象生成JSON的过程称为 [序列化Java对象到JSON]
 */
public class JacksonObjectMapper extends ObjectMapper {

    public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
    public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";
    public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss";

    public JacksonObjectMapper() {
        super();
        //收到未知属性时不报异常
        this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);

        //反序列化时,属性不存在的兼容处理
        this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);


        SimpleModule simpleModule = new SimpleModule()
                .addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)))

                .addSerializer(BigInteger.class, ToStringSerializer.instance)
                .addSerializer(Long.class, ToStringSerializer.instance)//关键代码行!long类型的用户id在转json给前端展示时,将数据类型变成字符串类型!
                .addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))
                .addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))
                .addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)));

        //注册功能模块 例如,可以添加自定义序列化器和反序列化器
        this.registerModule(simpleModule);
    }
}

步骤2:在继承了WebMvcConfigurationSupport类的自定义配置类上,重写extendMessageConverters()方法,截图与可cv代码如下:

 

  /**
     * 扩展mvc框架的消息转换器
     * @param converters
     */
    @Override
    protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
        //创建消息转换器对象
        MappingJackson2HttpMessageConverter mappingJackson2HttpMessageConverter = new MappingJackson2HttpMessageConverter();
        //设置对象转换器,底层使用Jackson将Java对象转为json(在转为json的过程中,设置数据的格式)
        mappingJackson2HttpMessageConverter.setObjectMapper(new JacksonObjectMapper());
        //将上面的消息转换器追加到mvc框架的消息转换器集合中
        //0的含义/目的:mvc中有很多消息转换器,需要将其自定义的消息类型转换器添加到最前面,以便被使用,否则mvc可能会用自带的消息类型转换器
        converters.add(0,mappingJackson2HttpMessageConverter);
    }

解决

 

 

总结:前后端进行数据交互时,需要进行序列化(将Java对象转化为json),反序列化(将json转化为Java对象)操作,在此过程中一些数据类型可能会因此出现精度丢失的问题。所以对于本次解决的问题,其核心在于后端数据传给前端,在进行序列化时,将有long类型的用户id,转换字符串来防止精度丢失。


以上作为个人总结,若有表达不准确之处,还请见谅。愿能帮到你。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Django 的前端页面中向后端发送指令来更新数据库数据,你需要使用 Ajax 技术。 以下是一个简单的例子: 1. 在前端页面中,你需要使用 JavaScript/jQuery 来处理用户的操作。例如,当用户点击一个按钮,你可以绑定一个 click 事件来触发一个函数。在这个函数中,你可以使用 jQuery 的 ajax() 方法来向后端发送指令。 2. 在后端,你需要编写一个视图函数来处理这个指令。这个视图函数需要接收 Ajax 请求,并且根据请求中的数据来更新数据库。 3. 在视图函数中,你需要使用 Django 的 ORM(Object-Relational Mapping)来更新数据库。例如,你可以使用模型类的对象来查询和更新数据库表中的数据。最后,你需要返回一个响应对象给前端,以告诉前端操作是否成功。 下面是一个简单的代码示例: 前端页面: ```html <button id="update-btn">更新数据</button> <script> $(document).on('click', '#update-btn', function(){ $.ajax({ url: '/update-data/', // 后端视图函数的 URL type: 'POST', // 请求方式为 POST data: {'data': 'new-data'}, // 发送的数据 success: function(response){ alert('数据已更新'); }, error: function(){ alert('更新失败'); } }); }); </script> ``` 后端视图函数: ```python from django.http import JsonResponse def update_data(request): if request.method == 'POST': data = request.POST.get('data') # 使用 ORM 更新数据库 ... return JsonResponse({'success': True}) else: return JsonResponse({'success': False}) ``` 当用户点击前端页面中的按钮,就会向后端发送一个 POST 请求,请求的 URL 是 `/update-data/`,请求的数据是 `{'data': 'new-data'}`。后端视图函数会接收这个请求,从 POST 数据中获取 `data` 的值,并且使用 ORM 更新数据库。最后,它会返回一个 JSON 响应,告诉前端操作是否成功。前端页面会根据响应来弹出一个提示框。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值