摘要：頁(yè)面用實(shí)現(xiàn)配置查詢的參數(shù)即可，前提得引入的，服務(wù)器數(shù)據(jù)的請(qǐng)求方式服務(wù)器數(shù)據(jù)的加載地址設(shè)置為會(huì)有隔行變色效果服務(wù)器返回的數(shù)據(jù)類型設(shè)置為會(huì)在底部顯示分頁(yè)條設(shè)置為將禁止多選如果設(shè)置了分頁(yè)，每頁(yè)數(shù)據(jù)條數(shù)如果設(shè)置了分布，首頁(yè)頁(yè)碼是否顯示搜索框，給參數(shù)

頁(yè)面用bootstrapTable實(shí)現(xiàn)（配置查詢的參數(shù)即可），前提得引入bootstrapTable的css，js

function load() {
    var typeid = $("#typeid").val();
    $("#exampleTable").bootstrapTable({
                        method : "get", // 服務(wù)器數(shù)據(jù)的請(qǐng)求方式 get or post
                        url : "xxx/base/supSupt/list", // 服務(wù)器數(shù)據(jù)的加載地址
                        iconSize : "outline",
                        toolbar : "#exampleToolbar",
                        striped : true, // 設(shè)置為true會(huì)有隔行變色效果
                        dataType : "json", // 服務(wù)器返回的數(shù)據(jù)類型
                        pagination : true, // 設(shè)置為true會(huì)在底部顯示分頁(yè)條
                        singleSelect : false, // 設(shè)置為true將禁止多選
                        pageSize : 10, // 如果設(shè)置了分頁(yè)，每頁(yè)數(shù)據(jù)條數(shù)
                        pageNumber : 1, // 如果設(shè)置了分布，首頁(yè)頁(yè)碼
                        search : true, // 是否顯示搜索框，給參數(shù)就可以搜索了
                        showColumns : false, // 是否顯示內(nèi)容下拉框（選擇顯示的列）
                        clickToSelect:true,
                        sortOrder: "desc",
                        sidePagination : "server", // 設(shè)置在哪里進(jìn)行分頁(yè)，可選值為"client" 或者
                        queryParams : function(params) {//后臺(tái)有個(gè)Query類，只要添加了鍵值對(duì)而且是表中有的他會(huì)自動(dòng)弄進(jìn)去

                            return {
                                // 說明：傳入后臺(tái)的參數(shù)包括offset開始索引，limit步長(zhǎng)，sort排序列，order：desc或者,以及所有列的鍵值對(duì)
                                limit : params.limit,
                                offset : params.offset,
sort:"createdat",根據(jù)創(chuàng)建時(shí)間（對(duì)應(yīng)映射文件的條件）
                                                    order:"desc",排序
                                type:typeid
                            };
                        },
                        columns : [
                                {
                                    checkbox : true
                                },
                                {
                                    field : "code",
                                    title : "編碼"
                                                    },
                                {
                                    field : "comp",
                                    title : "公司名"
                                },
                                {
                                    field : "busilicence",
                                    title : "信用代碼"
                                },
                                {
                                    field : "law",
                                    title : "法定代表人"
                                },
                                {
                                    field : "tel",
                                    title : "聯(lián)系電話"
                                }]
    })
}

2.控制器

@ResponseBody
    @GetMapping("/list")
    @RequiresPermissions("base:supSupt:add")
    public PageUtils list(@RequestParam Map params){
        //查詢列表數(shù)據(jù)
        Query query = new Query(params);
        List supSuptList = supSuptService.getSupListExcludeSuptpyeId(query);
        int total = supSuptService.getSupListCountExcludeSuptpyeId(query);
        PageUtils pageUtils = new PageUtils(supSuptList, total);
        return pageUtils;
    }

工具類
分頁(yè)的工具類

mybatis映射文件

        select * from bid_sup where id not in (
            select ss.supid from bid_sup_supt as ss inner join bid_sup as s on ss.supid = s.id
            
                 and ss.typeid = #{typeid} 
            
        ) 
            
            
                order by ${sort} ${order}
            
            
                order by ls desc
            
        
        
            limit #{offset}, #{limit}
        
    
    
        select count(*) from bid_sup where id not in (
            select ss.supid from bid_sup_supt as ss inner join bid_sup as s on ss.supid = s.id
            
                 and ss.typeid = #{typeid} 
            
        )