ssm分页

  1. 页面用bootstrapTable实现(配置查询的参数即可),前提得引入bootstrapTable的css,js
function load() {
    var typeid = $("#typeid").val();
    $('#exampleTable').bootstrapTable({
                        method : 'get', // 服务器数据的请求方式 get or post
                        url : "xxx/base/supSupt/list", // 服务器数据的加载地址
                        iconSize : 'outline',
                        toolbar : '#exampleToolbar',
                        striped : true, // 设置为true会有隔行变色效果
                        dataType : "json", // 服务器返回的数据类型
                        pagination : true, // 设置为true会在底部显示分页条
                        singleSelect : false, // 设置为true将禁止多选
                        pageSize : 10, // 如果设置了分页,每页数据条数
                        pageNumber : 1, // 如果设置了分布,首页页码
                        search : true, // 是否显示搜索框,给参数就可以搜索了
                        showColumns : false, // 是否显示内容下拉框(选择显示的列)
                        clickToSelect:true,
                        sortOrder: "desc",
                        sidePagination : "server", // 设置在哪里进行分页,可选值为"client" 或者
                        queryParams : function(params) {//后台有个Query类,只要添加了键值对而且是表中有的他会自动弄进去

                            return {
                                // 说明:传入后台的参数包括offset开始索引,limit步长,sort排序列,order:desc或者,以及所有列的键值对
                                limit : params.limit,
                                offset : params.offset,
sort:"createdat",根据创建时间(对应映射文件的条件)
                                                    order:"desc",排序
                                type:typeid
                            };
                        },
                        columns : [
                                {
                                    checkbox : true
                                },
                                {
                                    field : 'code',
                                    title : '编码'
                                                    },
                                {
                                    field : 'comp',
                                    title : '公司名'
                                },
                                {
                                    field : 'busilicence',
                                    title : '信用代码'
                                },
                                {
                                    field : 'law',
                                    title : '法定代表人'
                                },
                                {
                                    field : 'tel',
                                    title : '联系电话'
                                }]
    })
}

2.控制器

@ResponseBody
    @GetMapping("/list")
    @RequiresPermissions("base:supSupt:add")
    public PageUtils list(@RequestParam Map params){
        //查询列表数据
        Query query = new Query(params);
        List supSuptList = supSuptService.getSupListExcludeSuptpyeId(query);
        int total = supSuptService.getSupListCountExcludeSuptpyeId(query);
        PageUtils pageUtils = new PageUtils(supSuptList, total);
        return pageUtils;
    }
  1. 工具类
    分页的工具类
  2. mybatis映射文件

    

你可能感兴趣的:(mysql,tomcat,spring,java,javascript)