频道导航

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

2019-01-01 SpringMVC 前端之家

前端之家收集整理的这篇文章主要介绍了基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

前言@H_301_2@

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

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

效果@H_301_2@

DataTable表格

关键字查询

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

代码

HTML代码

查询条件代码

数据table代码

Box" id="checkAll">

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实现表格服务端分页、模糊查询，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

原文链接：https://www.f2er.com/springmvc/44777.html

bootstrap bootstrap datatables datatables 服务端服务端分页