分享萌新在使用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可以识别的数据) 

分享萌新在使用bootstrap-table 的问题_第1张图片

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

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


你可能感兴趣的:(每日随笔)