zoukankan      html  css  js  c++  java
  • bootstrap-table某条记录显示的内容发生错位

    第一步(问题)

      “书到用时方恨少”啊,瞬间感觉自己语文水平太差,竟不能用文字描述清楚出现了什么问题。唉,,,还是看图说话吧。

       各位亲友明白我想说什么了吧?哈哈!首先,我知道在数据库里第一条记录的号牌号码字段值是空的,但我想它是空的你不显示,后面的照常显示不就完了吗?是不是这个插件有BUG啊?但为什么其它列却是好的呢,直觉告诉我“应该是我哪里搞错了,哈哈哈哈”。

    第二步(分析)

      首先我们大概定位是控件的问题还是后台数据的问题?既然其它列可以正常显示,唯独这条记录不行,所以应该是后台数据,而不是前端控件的问题。那么,我们就来看看后台数据到底发生了什么?这两条数据记录有什么不一样的呢?然后我就准备单步调试,看看是哪里出问题了。噔噔噔噔,调试到关键一步了,

      看这一步,大家都知道,使用bootstrap-table.js插件进行服务器端分页时,我们需要将查询到的数据转化成json格式然后传给前台,到这一步的时候我就把转化后的json字符串拷贝出来,对比着看哪里出问题了。果不其然,第一条记录里hphm(号牌号码)那个字段是完全没有的(key-value都没有),然后对比数据库中的记录发现,所有值为null的字段全部都没有。哦。。。,我用的是com.alibaba.fastjson 提供的那个json类,难道是这个类写的有问题?ali程序员不会写的这么烂吧?他们可是行业标杆啊。于是我去网上搜了一番,果然,ali程序员不负重望啊(感谢感谢,996不是白干的啊,哈哈)!

    第三步(解决办法)

      这个类默认是不转化值为空的字段的,需要的话像上面这样写就可以了。网上教程很多,直接写成这样就O了。

    String str = JSON.toJSONString(pageHelper, SerializerFeature.WriteMapNullValue);

      结果有了,正常显示,不过这个“空”让人看起来有点不爽,大家在这里修改就可以了,想显示什么就显示什么。

      哈哈,好了,可以了。大家开始吐槽吧。。。

  • 相关阅读:
    P站画师 GTZ taejune 精选4k插画壁纸
    点、向量与坐标系
    一些几何
    画直线算法 Line drawing algorithm
    DX11 学习大纲
    插值 Interpolation
    The History of Computer Graphics
    vue中的请求拦截响应
    Event loop
    小程序使用wx.navigateTo()跳转失败
  • 原文地址:https://www.cnblogs.com/jinjunweina/p/13501027.html
Copyright © 2011-2022 走看看