bootstrap学习(二):跟着宝哥学java：bootstrap分页_responsehandler: function (res) 共多少页-CSDN博客

本文链接：https://blog.csdn.net/mtb278750/article/details/130429353

文章展示了如何在Java后端使用PageHelper进行分页处理，并通过Action层返回ResponseVO包装分页信息。前端使用BootstrapTable插件进行客户端渲染，通过配置pagination、queryParams和responseHandler实现服务端分页。

摘要由CSDN通过智能技术生成

3.3 分页

service

@Override
public PageInfo<Student> getAllFenYeMethod(int pageNumber, int pageSize) {
    PageHelper.startPage(pageNumber,pageSize);
    return new PageInfo<>(studentDao.getAllMethod());
}

action

//分页：参数：当前页数+每页记录数
@GetMapping("/student/fenYe.action")
//@ResponseBody
public ResponseVO<PageInfo<Student>> getAllMethod(int pageNumber,int pageSize){
    return new ResponseVO<>(200,null,service.getAllFenYeMethod(pageNumber,pageSize));
}

postman测试
更改setTableData方法

function  setTableData(){
    $("#table_student").bootstrapTable({
        //url:path+"student.action",
        url:path+"student/fenYe.action",
        type:"GET",
        cache:false,
        dateType:"json",
        // //对响应数据进行解析
        // responseHandler:function(responseVo){
        //     return responseVo.data;
        // },

        //分页步骤1：要添加的5个属性
        pagination: true, //是否显示分页（*）
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,//初始化加载第一页，默认第一页,并记录
        pageSize: 5,//每页的记录行数（*）
        pageList: [3, 5, 10, 15],//可供选择的每页的行数（*）
        //分页步骤2：添加属性queryParams 指定每次请求要添加的请求参数
        queryParams:function(info){//info的两个属性offset::起始索引 limit 每页记录数
            return {"pageNumber":info.offset/info.limit+1,"pageSize":info.limit};
        },
        //对相应数据进行解析
        //分页步骤3：修改responseHandler 相应结果需要指定rows(当前用要显示的行记录)和total(总记录数)
        responseHandler:function(responseVo){
            if(responseVo.status==200){
                //方法的参数responseVo是 相应对象responseVo
                //responseVo.data是PageInfo
                return {"rows":responseVo.data.list,"total":responseVo.data.total};
            }
            return null;
        },


        //设置列名和列值：field指定responseVo.data的元素的属性 title指定列名
        columns:[
            {field:"sid",title:"学号"},
            {field:"sname",title:"名字"},
            {field:"sex",title:"性别"},
            {field:"score",title:"分数"},
            {field:"sbirth",title:"生日"},
            {field:"sage",title:"年龄"},
            {field:"sdy",title:"政治面貌"}
        ]
    });
}