【JAVA学习】09.创建BootstrapTale列表页

【提要】只要JSON 返回了rows , total ,数据就会展示在列表

【步骤】

1、页面添加Table标签用于装载数据

　　<table class="table" id="userTable">

　　　　<tr><td>请输入查询条件查询</td></tr>
　　</table>

2、页面初始化请求后台数据

<script type="text/javascript">
    $(function(){
        loadTable();
    })
    
    function loadTable(){
        $('#userTable').bootstrapTable({
            url: '/onego/user/getUserList',
            method: 'get',
            contentType: 'application/json',
            dataType: 'json',
            pagination: true,
            pageSize: 10,
            pageList: [10,20,50,100],
            sidePagination: "server", //表示服务端请求  
            height: 500,
            queryParams: function(params){
                var temp = {
                    pageSize: params.limit,
                    offset: params.offset,
                    key: ""
                };
                return temp;
            },
            columns:[{
                checkbox: true
            },{
                field: 'userName',
                title: 'userName'
            },{
                field: 'id',
                title: 'id'
            }],
            responseHandler: function(res){
                return {
                    "total":res.total,
                    "rows":res.rows
                }
            }
        });
    }
</script>

 

【问题】

1、报错：java.lang.NoSuchMethodError: org.codehaus.jackson.type.JavaType.isMapLikeType()Z 

     原因：jackson-core-asl  和 jackson-mapper-asl 两个JAR包的版本不一致。

2、问题：后端有向前端发送正确的数据，但是前端无法显示

　  原因：可能BootstrapTable未加数据请求端：sidePagination: "server", //表示服务端请求  

3、问题：多字段合并查询时，查询结果为空

     原因：CONCAT(userName,cName) like CONCAT('%',#{key},'%')  条件时，CONCAT中的字段可以为空字符，但不能为Null