bootstrap每页显示多少条记录

发布网友发布时间：2022-04-27 11:08

共1个回答

热心网友时间：2023-09-14 14:40

文章内容使用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
-