1、查询列表需要用到分页插件,需要引入mybtais-pageHelper插件和BootstrapTable插件 、
(1)在pom.xml中引入mybatis-pageHelper插件的依赖
(2)项目中添加BootstrapTable的js资源,并在列表页面引入
2、页面中写一个div,取一个id,通过此id创建bootstrapTable列表,该方法应该在页面加载完成之后执行,即$(function(){.....})
3、方法内部的关键有属性有:url、queryqueryParams、responseHandler、columns等
(1)url: 插件内置的ajax请求属性,
(2)queryqueryParams:用于传递参数到后台,function中的参数,是一个集合,集合中默认带有三个值,
1)offset每一页最后一个索引、
2)limit每一页的记录数、
3)search搜索框的关键字、
4)传递后台进行分页需要起始数和每一记录数,那么起始数pageStart等于offset/limit+1、
5) search为关键字,即传回后台为模糊查询的关键字keyword
(3)responseHandler:用于接收后台传递回来的数据,
1)后台的mybaits-pageHelper的pageinfo对象会传回list列表结果集,total记录总数。
2)boostrapTable插件需要的属性是rows和total 所以有 return { rows:lsit , total:total }
(4) columns:是数据表格,用于放置数据列表的。
1)设置结果集对应的字段和表头名 field: title:
2)设置操作栏熟悉,field,title,formatter(自定义样式):operationFormatter(自定义的方法,另外写一个方法)
3) operationFormatter(value,row,index) 默认有三个参数,使用row结果集传递ID即可。