基于BootStrap的分页代码实现
2019-07-18 17:30
1406 查看
public class PageUtil { //targetUrl 访问url totalNum总记录数 currentPage 当前页数 pageSize每页的大小 public static String genPagation(String targetUrl,int totalNum,int currentPage,int pageSize){ int totalPage=totalNum%pageSize==0?totalNum/pageSize:totalNum/pageSize+1;//计算总页数
StringBuffer pageCode=new StringBuffer(); pageCode.append("<li><a href='"+targetUrl+"?page=1'>首页</a></li>"); if(currentPage==1){//如果当前页是第一页,那么上一页就不能使用 pageCode.append("<li class='disabled'><a href='#'>上一页</a></li>"); }else{ pageCode.append("<li><a href='"+targetUrl+"?page="+(currentPage-1)+"'>上一页</a></li>"); } for(int i=currentPage-2;i<=currentPage+2;i++){ if(i<1||i>totalPage){ continue; } if(i==currentPage){ pageCode.append("<li class='active'><a href='#'>"+i+"</a></li>"); }else{ pageCode.append("<li><a href='"+targetUrl+"?page="+i+"'>"+i+"</a></li>"); } } if(currentPage==totalPage){ pageCode.append("<li class='disabled'><a href='#'>下一页</a></li>"); }else{ pageCode.append("<li><a href='"+targetUrl+"?page="+(currentPage+1)+"'>下一页</a></li>"); } pageCode.append("<li><a href='"+targetUrl+"?page="+totalPage+"'>尾页</a></li>"); return pageCode.toString(); } }
相关文章推荐
- 基于Bootstrap仿淘宝分页控件实现代码
- 基于bootstrap + velocity的分页实现
- AngularJS 与Bootstrap实现表格分页实例代码
- 基于Jquery实现表格动态分页实现代码
- Angular.js与Bootstrap相结合实现表格分页代码
- Angular.js与Bootstrap相结合实现表格分页代码
- 基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
- 基于Metronic的Bootstrap开发框架经验总结(18)-- 在代码生成工具Database2Sharp中集成对Bootstrap-table插件的分页及排序支持
- 基于vue2.0实现仿百度前端分页效果附实现代码
- 基于jquery实现的表格分页实现代码
- angularjs+bootstrap实现自定义分页的实例代码
- 基于bootstrap + velocity的分页实现
- 在基于hibernate JPA中实现自定义的分页代码
- 基于Bootstrap table组件实现多层表头的实例代码
- Angular+Bootstrap+Spring Boot实现分页功能实例代码
- 基于bootstrap的分页代码
- 基于之前写的博客(SSM框架搭建以及简单增删改查以及分页功能的实现(前端bootstrap+css+jq))进一步的封装(改为SqlSessionTemplate方式实现)
- 基于Jquery实现表格动态分页实现代码
- 使用Bootstrap4 + Vue2实现分页查询的示例代码
- 基于jquery实现的表格分页实现代码