###实现了以下图的分页效果
###思路:生成哪些页码,例如1-6页,2-7页,是由后台控制生成的。 ###假设咱们决定生成的分页条,上面有 9 个超连接供点击。 ###而且咱们的分页信息包含总页数,当前为第几页等信息,那么咱们能够计算生成分页条页面。javascript
/** * 页面上的分页条数据 * @param tatal 分页条一共生成几条页码数据供点击 * @param pages 一共多少页数据 * @param pageNum 当前页是第几页 */ private List<String> pagesBar(int total, int pages, int pageNum) { List<String> list = new ArrayList<String>(); // 分页条第一个连接从几开始 int start = pageNum - total / 2; if (start <= 1) { start = 1; } // 分页条最后一个连接以几开始,注意此处减1,不然生成分页条数据个数大于total int end = start + total - 1; // 处理一些特殊状况,如分页条数据开头或者末尾处,保证必定会生成 total 条分页条数据超连接 if (end > pages) { end = pages; start = end - total + 1; if (start <= 1) { start = 1; } } // start end 迭代,一共有 total 条数据 while (end >= start) { list.add(String.valueOf(start)); start++; } return list; }
###页面展示java
<c:forEach items="${pagesBar }" var="page" > <a class="page" href="javascript:turnPage('${page}');">${page}</a> </c:forEach>