基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查

发布时间：2020-12-15 01:54:57 所属栏目：大数据来源：网络整理

导读：前言基于SpringMVC+Bootstrap+DataTables实现数据表格服务端分页、模糊查询（非DataTables Search），页面异步刷新。说明：sp:message标签是使用了SpringMVC国际化效果 DataTable表格关键字查询自定义关键字查询，非DataTable Search 代码 HTML代码查

前言

基于SpringMVC+Bootstrap+DataTables实现数据表格服务端分页、模糊查询（非DataTables Search），页面异步刷新。

说明：sp:message标签是使用了SpringMVC国际化

效果

DataTable表格

这里写图片描述

关键字查询

自定义关键字查询，非DataTable Search

这里写图片描述

代码

HTML代码

查询条件代码

数据table代码

JS代码

DataTables初始化、服务端数据请求、查询条件封装

Java代码

Controller处理方法，负责查询页面需要表格数据，格式化Json后返回。

dataTable = goodsTypeService.getGoodsTypeByCondition(query); dataTable.setDraw(query.getDraw()); String data = JSON.toJSONString(dataTable); return data; }

返回Json数据格式

DatatablesView，根据DataTables需要格式定义

{ private List data; //data 与datatales 加载的“dataSrc"对应 private int recordsTotal; private int recordsFiltered; private int draw; public DatatablesView() { } public int getDraw() { return draw; } public void setDraw(int draw) { this.draw = draw; } public List getData() { return data; } public void setData(List data) { this.data = data; } public int getRecordsTotal() { return recordsTotal; } public void setRecordsTotal(int recordsTotal) { this.recordsTotal = recordsTotal; this.recordsFiltered = recordsTotal; } public int getRecordsFiltered() { return recordsFiltered; } public void setRecordsFiltered(int recordsFiltered) { this.recordsFiltered = recordsFiltered; } }

Service业务处理类，主要根据查询条件统计记录数量，查询当前页数据列表

getGoodsTypeByCondition(QueryCondition query) { DatatablesView dataView = new DatatablesView(); //构建查询条件 WherePrams where = goodsTypeDao.structureConditon(query); Long count = goodsTypeDao.count(where); List list = goodsTypeDao.list(where); dataView.setRecordsTotal(count.intValue()); dataView.setData(list); return dataView; }

Dao层就是基本的数据库查询操作，这里省略…

结尾

查询条件这里只使用了关键字模糊查询，根据业务需要，可以动态加入其他查询条件，后台需要做相应处理。

以上所述是小编给大家介绍的基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!