基于bootstrap + velocity的分页实现
2013-09-04 10:44
344 查看
PageBean.java代码
前台velocity代码
public class PageBean { private int total; private int totalPage; private int pageNum; private int start; private int offset = 4; private List<Integer> pages = new ArrayList<Integer>(); private int pre; private int next; public static final int SIZE = 5; public PageBean(int pageNum, int total) { this.pageNum = pageNum; this.total = total; getTotalPage(); getStart(); getPages(); getPre(); getNext(); } public int getTotal() { return total; } public void setTotal(int total) { this.total = total; } public int getTotalPage() { if(total%SIZE==0) { totalPage = total/SIZE; } else { totalPage = total/SIZE + 1; } return totalPage; } public static int getTotalPage(int total, int size) { int totalPage = 0; if(total%size==0) { totalPage = total/size; } else { totalPage = total/size + 1; } return totalPage; } public int getPageNum() { return pageNum; } public void setPageNum(int pageNum) { this.pageNum = pageNum; } public int getStart() { start = (pageNum-1) * SIZE; return start; } public int getOffset() { return offset; } public void setOffset(int offset) { this.offset = offset; } public List<Integer> getPages() { pages.clear(); int s = (pageNum - offset)>0?(pageNum - offset):1; int e = (pageNum + offset)>totalPage?totalPage:(pageNum + offset); for(int i=s; i<=e; i++) { pages.add(i); } return pages; } public void setPages(List<Integer> pages) { this.pages = pages; } public int getPre() { pre = pageNum - 1; return pre; } public void setPre(int pre) { this.pre = pre; } public int getNext() { next = pageNum +1; return next; } public void setNext(int next) { this.next = next; } }
前台velocity代码
<div class="pagination pagination-centered"> <ul> #if($pageBean.pageNum==1) <li class="disabled"><a>首页</a></li> #else <li><a href="/app/page.do?pageNum=1">首页</a></li> #end #if($pageBean.pageNum==1) <li class="disabled"><a>«</a></li> #else <li><a href="/app/page.do?pageNum=$pageBean.pre" class="active">«</a></li> #end #foreach($p in $pageBean.pages) #if($p==$pageBean.pageNum) <li class="disabled"><a>$p</a></li> #else <li><a href="/app/page.do?pageNum=$p">$p</a></li> #end #end #if($pageBean.pageNum==$pageBean.totalPage) <li class="disabled"><a>»</a></li> #else <li><a href="/app/page.do?pageNum=$pageBean.next">»</a></li> #end #if($pageBean.pageNum==$pageBean.totalPage) <li class="disabled"><a>末页</a></li> #else <li><a href="/app/page.do?pageNum=$pageBean.totalPage">末页</a></li> #end </ul> </div>
相关文章推荐
- 基于bootstrap + velocity的分页实现
- 基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
- 基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
- 基于bootstrap实现分页
- 基于Bootstrap仿淘宝分页控件实现
- 基于HTML5 Bootstrap搭建的后台模板,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用!
- 基于Bootstrap仿淘宝分页控件实现代码
- 基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- 基于Bootstrap的Asp.net Mvc 分页的实现(转)
- 基于jQuery实现的无刷新表格分页实例
- SpringMVC(12)完结篇 基于Hibernate+Spring+Spring MVC+Bootstrap的管理系统实现
- 基于jquery的ajax分页控件的简单实现
- SSM+maven+bootstrap实现分页
- 基于Node.js+express+MySQL+Bootstrap实现的简单登录注册
- 基于Jquery+Ajax+Json实现分页显示
- 基于bootstrap的bootstrapPaginator分页插件
- SpringMVC+Spring Data JPA +Bootstrap 分页实现和模糊查询分页
- 57-005-3 bootstrap实现一个简单的项目案例--新闻操作(基于jsp无刷新异步操作)
- vue2.0与bootstrap3实现列表分页效果
- 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)