ssm框架下前台用bootstrap table后台运用pagehelper识别指定数据库,实现分页查询
1.先介绍前端bootstrap table
首先有一个table标签,设好id,然后再设好参数等待后台数据渲染表格
值得说的参数是
pageList:[5, 10, 20, 50, 100],
smartDisplay:false,
注意:这个下拉框需要引入<script src="assets/js/core/popper.min.js"></script>
这个smartDisplay:false加上后才显示出选择每页行数的下拉框
sidePagination:"server" 采用服务器分页的方式
queryParams: function(params){
return {
pageSize : this.pageSize,
pageNumber : this.pageNumber,
}
}查询参数配置
responseHandler: function(res){//将后台返回数据转化成bootstrap table规定的格式,否则数据传到前台依然渲染不了
return {
"total": res.total,
"pageNumber":res.pageNum,
"rows":res.list
}
},
2.后台引入pagehelper
具体步骤参照官方文档https://pagehelper.github.io/docs/howtouse/
引入我用的是特殊数据库,具体讲一下如何让pagehelper识别特殊数据库
官方文档中有一句话
我的实现类