基于bootstrap3和jquery的分页插件?(bootstrap时间控件的用法)

  • A+
所属分类:角色扮演

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

基于bootstrap3和jquery的分页插件?(bootstrap时间控件的用法)

在页面底部添加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

基于bootstrap3和jquery的分页插件?(bootstrap时间控件的用法)

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: