boostrap-table分页,dataTable分页

本文介绍了前端分页与后端分页的三种方式,重点讲解了Bootstrap-table和JQuery DataTable的前后端分页实现,包括SpringMVC和Servlet的后端处理,以及前端Bootstrap-table和DataTable的配置与显示效果。
摘要由CSDN通过智能技术生成

     本文为本人原创文章,未经本人允许不得转载。博主含有javaweb三钟分页源码(boostrap前端分页与后端分页,datatable前端分页与后端分页,非前端插件分页),如有需要可以加博主qq:3063715971(15RBM 帮助你实现后端分页功能)。

1.三种分页方式的区别

前端分页:就是后端将List集合转化为json之后,前端接收json之后,不需要向后端传送参数(参数:就是点击的是第几页,每页多少条记录:pageNum,pageSize)。在SQL上面不要使用List进行设置。前端分页缺点在于:当数据量比较大的时候,整个json很庞大,而且条件查询的时候也不是很方便。当时实现起来很简单。

后端分页:就是前端必须向后端传递参数告诉后端当前的pageNum,pageSize,以及查询的参数。在sql上面需要:Mysql,Oracle的话需要使用limit,SQL Server需要使用 top(当然在数据量不是很大的时候List集合采用:SubList;当数据量比较大的时候可以使用PageHelp这个插件进行分页)

手动分页:不借助分页的插件。在SQL上面,需要使用limit等sql关键词进行分页。适用于前端不方便加入分页插件的情况。(比如有些前端加进去之后跟原有的css样式,js发生冲突)

 

2.Boostrap前端分页:

2.1后端的写法

说明:本人的源码里面含有boostrsp可以设置显示字段,使用bootrap-table直接导出(Excel,xml,json,pdf,doc)等各种功能

有意向的学习者可以私聊。

2.1.1 SpringMVC写法

@RequestMapping(value = "/houseList",produces = {"text/html;charset=UTF-8;"})
    @ResponseBody
    public String houseCheckList() {
        System.out.println("调用list");
        List<House> list = hservice.findhouseBystatus("待审核");
    
        Gson gson = new Gson();
        String HouseJson = gson.toJson(list);
        
        return HouseJson;
    }

2.1.2Servlet写法

         PrintWriter out = response.getWriter();
        List<House> list = hservice.findhouseBystatus("待审核");
        Gson gson = new Gson();
        String HouseJson = gson.toJson(list);
        out.print(HouseJson);

2.2前端的写法

$.post("<%=basePath%>provider/HouseListmap",function(data){//获取json数据
        var data = eval("("+data+")");
        tableInit(data);

}

 

  <script>
        function tableInit(data) {
            $('#table').bootstr

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值