构建个性化的分页导航：自主设计并支持页码、搜索以及导航前后翻的分页组件教程

　　本篇内容介绍了“如何自己封装一个可搜索式的带页码上页下页的分页组件?”的有关知识，在实际项目的操作过程或是学习过程中，不少人都会遇到这样的问题，接下来就让小编带大家学习一下如何处理这些情况吧!希望大家仔细阅读，能够学有所成!

　　分页功能的代码就是这样的，在需要展示列表的页面，我们基本都需要加上分页功能，如果某天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 searchParams = WebUtils.getParametersStartingWith(request, "search_");

　　// 获取分页页码信息和每页条数

　　int pageNum = PageUtil.getTargetPage(request);

　　int pageSize = PageUtil.getPageSize(request);

　　Page page = new Page(pageSize, pageNum);

　　// 查询需要展示的内容

　　List 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 getUserMoneyList(Page page,

　　Map 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" %>

　　每次显示 　　onchange="self.location.href=options[selectedIndex].value"> 　　　　selected>10 　　　　selected>50 　　　　selected>100 　　 条

　　条

　　href="?pageNum=1&pageSize=${page.pageSize}&${searchParams}" rel="external nofollow" >首页

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!