【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