为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap pagination 每页多少条记录

/ 猿问

bootstrap pagination 每页多少条记录

撒科打诨 2019-06-29 19:19:14

bootstrap pagination 每页多少条记录


查看完整描述

2 回答

?
Cats萌萌

文章内容使用bootstrap-paginator进行页使用ajax获取台数据、渲染
1. 版本说明
bootstrap 3.3.2
bootstrap-paginator v1.0 github
2. 准备工程
建立态web工程新建index.html页面引入bootstrap相关css js文件
3. 简单显示
需要显示页位置添加ul标签:


    页面底部添加js代码:

    启web服务访问index.html页面看页显示
    4. 台准备数据
    建立servlet负责向前台输json数据
    PrintWriter out = response.getWriter(); String s1 = "[{\"name\":\"lilei\"},{\"name\":\"lilei2\"}]"; String s2 = "{\"name\":\"hanmeimei\"}"; String s3 = "{\"name\":\"jim\"}"; String s4 = "{\"name\":\"jim1\"}"; String s5 = "{\"name\":\"jim2\"}"; String page = request.getParameter("page"); String cur = null; switch (page) { case "1": cur = s1; break; case "2": cur = s2; break; case "3": cur = s3; break; case "4": cur = s4; break; case "5": cur = s5; break; default: break; } out.print(cur); out.close();
    5. 前台展示数据
    前台需要先获取记录总条数每页容量


        其pageSize设置2,先用post获取totalPages用初始化页插件

        运行程序即详细参见bootstrap-paginator说明,或者bootstrap-paginator github查阅
        工程载bootstrap-paginator.zip jdk1.8 tomcat 8
        -




        查看完整回答
        反对 回复 2019-06-30
        ?
        30秒到达战场

        bootstrap 分页组件

        <ul class="pagination">
        <li><a href="#">«</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">»</a></li>
        </ul>
        特点:
        基于Bootstrap你可以快速搞出一个网站的基本布局
        2.如果你是后台开发人员大可不必操心页面的布局,利用Bootstrap的网格系统分分钟搭好布局



        查看完整回答
        反对 回复 2019-06-30

        添加回答

        回复

        举报

        0/150
        提交
        取消
        意见反馈 邀请有奖 帮助中心 APP下载
        官方微信