bootstrapTable后端分页/前端分页_真实案例-详细注释

一、后端分页
1.后端返回json数据，以一条数据为例

{"data":{
	"totalCount":37,		//总条数
	"logs":[
					{"logId":509,
					"operatorIp":"127.0.0.1",
					"operatorName":"管理员",
					"operatorRole":"超级管理员",
					"categoryName":"用户登录",
					"createdate":1600393695000,
					"eventSource":"操作成功"
					}
					{...}
	]},
	"msg":"success",
	"state":0
}

2.前端代码

//列表--页面加载函数
function cxlist(){
	servertable();
}
//数据展示，后端分页
function servertable() {
	$('#mytab').bootstrapTable('destroy');	//清除列表数据
	$('#mytab').bootstrapTable({
		method: 'POST', // 请求方式
		url:"/log/getLogs",   //请求地址
		striped: false, // 是否显示行间隔色
		pageNumber: 1, // 初始化加载第一页
		pagination: true, // 是否分页
		sidePagination: 'server', // server:服务器端分页|client：前端分页
		pageSize: 10, // 单页记录数
		pageList: [10],
		search: false, //不显示搜索框
		contentType: "application/x-www-form-urlencoded",
		queryParams : function(params) {	//上传服务器的参数，有筛选项可放入此方法中
			let pageNumber = 1;
			//params.offset为跳转的起始条数，如10条数据一页，点击第二页，值为20，如果后端使用起始条数为字段，则去除此判断和pageNumber 字段
			if(params.offset != 0) pageNumber = params.offset/10 + 1
            var temp = {
            	pageNumber : pageNumber,