bootstrap分页功能实现

bootstrap可否实现分页原理是什么,可以将后台查询出的数据全部返回到前台直接进行分页吗

7个回答

bootstrap是可以实现分页的,分页一般就是两种,前台的逻辑分页(由于有时候数据太多,一次全加载,体验极差,部分加载(例如10页,图片的话,就是单页加载的)),称之为逻辑分页,后台的物理分页,控制sql,数据量大的时候,会给数据库极大的压力。
其余的楼上几位已经回复的大致完全了

dzbxq89
dzbxq89 可以给出前台逻辑分页的代码嘛
大约 3 年之前 回复

这个里面表格分页的,可以设置各种类型: http://blog.csdn.net/doc_wei/article/details/53783844

原理就是把要查询的页号currentPage和每页显示的记录numPerPage发送给后台,然后根据currentPage和numPerPage计算出在数据库中是从第几条到第几条,即(currentPage-1)*numPerPage到currentPage*numPerPage这些数据,然后再返回给前台用异步更新页面。
第二个问题:可以将后台查询出的数据全部返回到前台直接进行分页吗?
我觉得首先应该要知道分页的作用是什么,1、用来减少响应时间,2、提高用户体验。如果一下子都查出来,那肯定响应时间很慢,用户打开页面后要卡顿好久才能够接收到数据,那显然不可取。
http://blog.csdn.net/dalangzhonghangxing/article/details/51982878

dzbxq89
dzbxq89 其实小数据量页面体验会更好,大量表链接时个人觉得应该是少进行一次查询体验更好一些
大约 3 年之前 回复

bootstrap咋分页?它只提供了样式,具体分页需要根据后台返回数据用js来控制,也可以直接用分页插件

很感谢大家的回答,业务已经实现。现在不知道前台处理即client时是否可以处理数据进行分页。
实现代码var loadData = function () {

    $.ajax({
        url :  url,
        type : 'GET',
        data : params,
        success : function(result) {
            $('#show').bootstrapTable('load', result.rows);
        },
        error:function(){
            alert("error");
        }
    });
};

loadData();
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问