分享萌新在使用bootstrap-table 的问题

这几天用到后台数据库展示的东西,bootstrap-table 这个使用插件还是很好用的 

分享一些使用方法教程连接:

    https://www.cnblogs.com/landeanfen/p/4976838.html

    https://blog.csdn.net/hanxue_tyc/article/details/54917227

bootstrap-table 使用文档:

    http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

然后谈一谈自己在使用过程中遇到的一些坑

1.contentType 设置问题(bootstrap-table中不设置默认是 application/json)


因为我是先写了后台接口,后台接口我使用了RequestBody (RequestBody和RequestParam的区别看这边:https://blog.csdn.net/xinluke/article/details/52710706)封装实体类的方式接受前端数据,所以前端不能是使用"application/x-www-form-urlencoded",大家按照自己前后端需求设置。


2.前端传数据,根据自己设置的contentType 设置 什么格式传什么格式,通过queryParams 设置,我设置了传json所以采用这个方式,console.log(pageRequest)是前端控制台看看向后台传输了什么内容



3.前端数据接收问题, 因为后台我传前端的值是json转字符串, bootstrap-table 不能直接识别,需要设置一下responseHandler(将服务器的数据转成bootstrap-table可以识别的数据) 


4.数据分页,我采用的是 PageHelper ,接收前台传的offset 和limit  来设置分页条件 ,这有一个坑,因为pageHeper.stratPage方法 其中 左边接收的数值应该为页数,而offset 传的是起始位置,这里做个简单的除法就可以解决 offset/limit +1 就是页数了 ;

大致上就是这些问题了,其他就是细节问题,前端ajax 书写的时候注意别少逗号什么的,分享到这里


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值