分页功能的代码就是这样的,在需要展示列表的页面,我们基本都需要加上分页功能,如果某天boss想要修改分页功能的样式,我们不能去一个一个的改吧。
下边给大家分享一个自己封装的通用分页组件。
1. 效果展示
2. 使用方式
1 )在需要显示分页信息的位置,直接引入pagination.jsp页面。
<!-- 分页内容 --> <%@include file="/WEB-INF/decorators/pagination.jsp" %> <!-- 分页内容结束 -->
2 )在java代码中
Controller层代码:
@RequiresPermissions("func_vasadmin_userMoneyList") @RequestMapping("/user/money/list") public String list(Model model, ServletRequest request) { // 获取所有的查询条件参数(为了使用方便,所有查询条件的参数命名前缀都是"search_") Map<String, Object> searchParams = WebUtils.getParametersStartingWith(request, "search_"); // 获取分页页码信息和每页条数 int pageNum = PageUtil.getTargetPage(request); int pageSize = PageUtil.getPageSize(request); Page page = new Page(pageSize, pageNum); // 查询需要展示的内容 List<UserMoney> list = vasMoneyService.getUserMoneyList(page,searchParams); model.addAttribute("data", list); model.addAttribute("page", page); // 将搜索条件编码成字符串,用于排序,分页的URL model.addAttribute("searchParams", PageUtil.encodeParameterStringWithPrefix(searchParams, "search_")); return "vasadmin/user_money_list"; }
Service层代码:
public List<UserMoney> getUserMoneyList(Page page, Map<String, Object> searchParams) { // 从map中获取查询条件 long userId = (Long) DataConvertUtil.data2(searchParams.get("userId"), DataConvertUtil.DataType.LONG); long minMoney = (Long) DataConvertUtil.data2( searchParams.get("minMoney"), DataConvertUtil.DataType.LONG); long maxMoney = (Long) DataConvertUtil.data2( searchParams.get("maxMoney"), DataConvertUtil.DataType.LONG); // 查询总条数 int totleElements = vasMoneyDao.getUserMoneyListCount( DataBaseName.DB_TATA_MONEY, userId, minMoney, maxMoney); // 设置总条数 page.setTotleElements(totleElements); // 查询需要展示的数据 return vasMoneyDao.getUserMoneyList(DataBaseName.DB_TATA_MONEY, userId, minMoney, maxMoney, page.getStartNum(), page.getEndNum()); }
**每次需要分页,只需要操作上边这两步,是不是很简单啊~~。**接下来,给大家贴出封装的pagination.jsp代码,和其它的一些帮助类的代码。
**3. 代码示例 **
pagination.jsp (封装的通用分页代码)
<%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <!-- 分页信息 --> <div> <div> 每次显示 <select onchange="self.location.href=options[selectedIndex].value"> <option value="?pageNum=1&pageSize=10&${searchParams}" <c:if test="${page.pageSize eq '10' }">selected</c:if>>10</option> <option value="?pageNum=1&pageSize=50&${searchParams}" <c:if test="${page.pageSize eq '50' }">selected</c:if>>50</option> <option value="?pageNum=1&pageSize=100&${searchParams}" <c:if test="${page.pageSize eq '100' }">selected</c:if>>100</option> </select> 条 </div> <div> <ul> <li><a href="#" >共 ${page.totlePages} 页,${page.totleElements} 条</a></li> <c:if test="${page.hasPrevious == false}"> <li><a href="#" >首页</a></li> <li><a href="#" >上一页</a></li> </c:if> <c:if test="${page.hasPrevious == true}"> <li><a href="?pageNum=1&pageSize=${page.pageSize}&${searchParams}" >首页</a></li> <li><a href="?pageNum=${page.prePage}&pageSize=${page.pageSize}&${searchParams}" >上一页</a></li> </c:if> <c:forEach var="i" begin="${page.begin}" end="${page.end}"> <c:choose> <c:when test="${i == page.pageNum}"> <li><a href="?pageNum=${i}&pageSize=${page.pageSize}&${searchParams}" >${i}</a></li> </c:when> <c:otherwise> <li><a href="?pageNum=${i}&pageSize=${page.pageSize}&${searchParams}" >${i}</a></li> </c:otherwise> </c:choose> </c:forEach> <c:if test="${page.hasNext == true}"> <li><a href="?pageNum=${page.nextPage}&pageSize=${page.pageSize}&${searchParams}" >下一页</a></li> <li><a href="?pageNum=${page.totlePages}&pageSize=${page.pageSize}&${searchParams}" >末页</a></li> </c:if> <c:if test="${page.hasNext == false}"> <li><a href="#" >下一页</a></li> <li><a href="#" >末页</a></li> </c:if> </ul> </div> </div> <!-- 分页信息结束 -->
Page.java (分页信息类)