Bootstrap table两种分页示例——客户端分页和服务端分页的区别

1.客户端分页

服务器端代码：

@RequestMapping("/list.do")
@ResponseBody
public JSONArray list(int limit, int offset, String sort, String sortOrder, String search,
String column,String columnvalue) {
Map<String, Object> result = new HashMap<String, Object>();
List<Student> rows = null;
rows = studentService.getAlls(search, offset, limit, sort, sortOrder, column,columnvalue);
long total = studentService.count(search,column,columnvalue);
result.put("rows", rows);
result.put("total", total);
// System.out.println(lgift.size());
JSONArray userList1 = JSONArray.fromObject(rows);
//JSONArray fromObject = JSONArray.fromObject(map);

System.out.println(userList1);
return userList1; 
} 

前段代码：

sidePagination : " client ", //分页方式：client客户端分页，server服务端分页（*）

 

2.服务端分页

服务端代码：

@RequestMapping("/list.do")
@ResponseBody // 此注解不能省略 否则ajax无法接受返回值
// 页面大小limit: params.limit,
// 页码offset: params.offset,
public Map<String, Object> list(int limit, int offset, String sort, String sortOrder, String search,
String column,String columnvalue) {
Map<String, Object> result = new HashMap<String, Object>();
List<Student> rows = null;
rows = studentService.getAlls(search, offset, limit, sort, sortOrder, column,columnvalue);
long total = studentService.count(search,column,columnvalue);
result.put("rows", rows);
result.put("total", total);
// System.out.println(lgift.size());
System.out.println(total);
return result;
} 

客户端代码：

sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）

区别：

客户端分页是一次性将所有的数据加载到浏览器的缓存中，因此无需服务端进行计算总页数。好处是对于少量数据操作方便。但是对于大数据时，需要用服务端分页，或者客户端联合服务端进行分页。

当数据量较少，只有上千条数据时，一次性将所有数据返回给客户端，无论点下一页，或搜索条件时，不向服务端发请求，实现全文检索。