jsp 分页 - 爱码网

项目用到了jsp，我虽然没做分页，但是研究了一下分页的代码。首先来写个Controller，便于大家对展示内容的理解：

@CurrUserCheckAnn(isLogined=true) public class BuyerQueryOrdersCtrl extends BaseController{ public static final int PAGE_SIZE = 1; public TopupOrderFindService topupOrderFindService; @Override public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception { //首次进入页面空结果跳转 if(request.getParameter("mpNo")==null) return showObjectInSucc("pageRO",null); //为测试用，设置登陆用户 ThreadLocalUtils.setUserId(1l); //参数：手机号码 Long mpNo = Long.parseLong(request.getParameter("mpNo")); //参数：充值状态 String toStatus = request.getParameter("toStatus"); if(toStatus.equals("all")) toStatus=null; //取得分页属性 int pageNO = Integer.parseInt(request.getParameter("pageNO")); //设置查询的bean参数 TopupOrderEO searchEO = new TopupOrderEO(); setSearchEO(mpNo, toStatus, searchEO); //得到查询结果 PaginationBaseObject<TopupOrderEO> pageRO= new PaginationBaseObject<TopupOrderEO>(); try{ pageRO = topupOrderFindService.findTopUpOrder(searchEO,pageNO,PAGE_SIZE); } catch(BusinessException e){ return showBeInFrom("serviceBE", e); } //设置上次查询参数 request.setAttribute("mpNo", mpNo); request.setAttribute("toStatus", request.getParameter("toStatus")); //返回查询结果 return showObjectInSucc("pageRO", pageRO); } /** * 设置查询条件的bean * @param mpNo 电话号码 * @param topupStatus 充值状态 * @param searchEO 查询的实体 * @return null */ private void setSearchEO(Long mpNo, String topupStatus, TopupOrderEO searchEO) { searchEO.setToMp(mpNo); searchEO.setToTopupStatus(topupStatus); } public TopupOrderFindService getTopupOrderFindService() { return topupOrderFindService; } public void setTopupOrderFindService(TopupOrderFindService topupOrderFindService) { this.topupOrderFindService = topupOrderFindService; } }

在来个jsp页面，里面包含了分页代码：

<%@ page contentType="text/html; charset=UTF-8" import="com.sdo.transbutton.database.topuporder.TopupOrderEO"%> <%@ include file="../common/jsp/taglib.jsp"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <form action="<%=request.getContextPath() %>/jsp/buyerOrdersQuery.htm"> <div class="sdo_top"> <div class="page"> <div class="quicklink"> <div><span class="serve_phone">客服专线：<strong style="">95105222-8152</strong> <a src="../common/img/blank.png" class="online_helper" /> 在线客服</a> <a src="../common/img/blank.png" class="smart_wizard" /> 智能精灵</a> </span></div> </div> <div class="login_info"><span>您好，欢迎您来到盛大商城！<label>[</label>请登录<label>]</label> <label>[</label>免费注册<label>]</label></span></div> </div> </div> <div class="page"> <div class="page_head"> <h1>盛大支付 -- 生活好助手</h1> <div class="page_head_logo"><a title="盛大商城" class="sdo_life_logo"> </a> <div class="page_head_server"></div> </div> <div class="page_head_tabs"><a href="http://shop.sdo.com/index.htm" class="head_tab_index"><span>首页</span></a> <a href="http://shop.sdo.com/card/index.htm" mce_href="http://shop.sdo.com/card/index.htm" class="head_tab_point"><span>点卡交易</span></a> <a href="http://shop.sdo.com/outfit/index.htm" mce_href="http://shop.sdo.com/outfit/index.htm" class="head_tab_games"><span>装备/游戏币</span></a> <a href="http://shop.sdo.com/store/index.htm " mce_href="http://shop.sdo.com/store/index.htm " class="head_tab_yuanbao"><span>盛大元宝/点券</span></a> <a href="#" mce_href="#" class="head_tab_life_selected"><span>生活好助手</span></a> <a href="http://shop.sdo.com/hobby/index.htm" class="head_tab_other"><span>周边产品</span></a> <a href="http://shop.sdo.com/seckill/index.htm" mce_href="http://shop.sdo.com/seckill/index.htm" class="head_tab_active"><span>活动中心</span></a> <a href="http://shop.sdo.com/userCenter/userAccountIndex.htm" mce_href="http://shop.sdo.com/userCenter/userAccountIndex.htm" class="head_tab_person">个人中心</a> <a href="http://shop.sdo.com/help/helpIndex.htm" class="head_tab_help">帮助中心</a> <a href="http://shop.sdo.com/player/playerIndex.htm" mce_href="http://shop.sdo.com/player/playerIndex.htm" class="head_tab_guide">新手体验</a></div> </div> <div class="page_body"> <div class="page_body_left"> <div class="life_assist"> <ul> <li class="selected"><a href="#" mce_href="#"> <img alt="" src="../common/img/blank.png" class="nav_cinema" />电影票订购</a></li> <li><a href="#" mce_href="#"> <img alt="" src="../common/img/blank.png" mce_src="common/img/blank.png" class="nav_credit" />信用卡还款</a></li> <li><a href="#" mce_href="#"> <img alt="" src="../common/img/blank.png" mce_src="common/img/blank.png" class="nav_heart" />购彩献爱心</a></li> </ul> </div> </div> <div class="page_body_right"> <div class="ccr_order"> <div class="page_body_right_title"> <h4><img alt="" src="../common/img/blank.png" mce_src="common/img/blank.png" class="section_title_img" />充值记录查询</h4> </div> <div class="dotted_line" style="margin-bottom: 10px;" mce_style="margin-bottom: 10px;"></div> <div class="page_body_right_content"> <div class="ccr_cards_manage"> <div class="css_hack"></div> <div class="bubble_bankinfo"> <div class="msg_content"> <div class="section_query"><label class="field_item_title">充值手机号：</label> <div class="field_item_content"> <input type="text" class="freetext_date" onkeydown="if(event.keyCode==13)return false;" value="${requestScope.mpNo}"> </input> </div> <label class="field_item_title">交易状态：</label> <div class="field_item_content"> <c:set var="TO_TOPUP_STATUS_INIT" value="<%=TopupOrderEO.TO_TOPUP_STATUS_INIT %>" /> <c:set var="TO_TOPUP_STATUS_WAIT" value="<%=TopupOrderEO.TO_TOPUP_STATUS_WAIT %>" /> <c:set var="TO_TOPUP_STATUS_ING" value="<%=TopupOrderEO.TO_TOPUP_STATUS_ING %>" /> <c:set var="TO_TOPUP_STATUS_SUCC" value="<%=TopupOrderEO.TO_TOPUP_STATUS_SUCC %>" /> <c:set var="TO_TOPUP_STATUS_FAIL" value="<%=TopupOrderEO.TO_TOPUP_STATUS_FAIL %>" /> <c:set var="TO_TOPUP_STATUS_UNKNOWN" value="<%=TopupOrderEO.TO_TOPUP_STATUS_UNKNOWN%>" /> <select > <option value="all" >所有</option> <option value="${TO_TOPUP_STATUS_INIT}" <c:if test="${requestScope.toStatus==TO_TOPUP_STATUS_INIT}">selected</c:if>>初始</option> <option value="${TO_TOPUP_STATUS_WAIT}" <c:if test="${requestScope.toStatus==TO_TOPUP_STATUS_WAIT}">selected</c:if>>待充值</option> <option value="${TO_TOPUP_STATUS_ING}" <c:if test="${requestScope.toStatus==TO_TOPUP_STATUS_ING}">selected</c:if>>充值中</option> <option value="${TO_TOPUP_STATUS_SUCC}" <c:if test="${requestScope.toStatus==TO_TOPUP_STATUS_SUCC}">selected</c:if>>充值成功</option> <option value="${TO_TOPUP_STATUS_FAIL}" <c:if test="${requestScope.toStatus==TO_TOPUP_STATUS_FAIL}">selected</c:if>>充值失败</option> <option value="${TO_TOPUP_STATUS_UNKNOWN}" <c:if test="${requestScope.toStatus==TO_TOPUP_STATUS_UNKNOWN}">selected</c:if>>充值结果未知</option> </select> </div> <input type="button" class="btn_search" title="查询" name="button1" onclick="topupSubmit();"/></div> </div> </div> </div> <div class="css_hack"></div> <br /> <div class="list_table_container"> <table class="list_table" cellpadding="0" cellspacing="0"> <tr> <th>充值订单号</th> <th>交易时间</th> <th>充值手机号</th> <th>充值金额(元)</th> <th>充值状态</th> </tr> <c:forEach var="topupOrderRO" items="${pageRO.dataList}"> <tr> <td>${topupOrderRO.toId}</td> <td><fmt:formatDate pattern="yyyy-MM-dd hh:mm:ss" value="${topupOrderRO.toBeginTime}" /></td> <td>${topupOrderRO.toMp}</td> <td><b class="text_amount">${topupOrderRO.toRequestAmount}</b>元</td> <c:if test="${topupOrderRO.toTopupStatus==TO_TOPUP_STATUS_INIT}"> <td>初始</td> </c:if> <c:if test="${topupOrderRO.toTopupStatus==TO_TOPUP_STATUS_WAIT}"> <td>待充值</td> </c:if> <c:if test="${topupOrderRO.toTopupStatus==TO_TOPUP_STATUS_ING}"> <td>充值中</td> </c:if> <c:if test="${topupOrderRO.toTopupStatus==TO_TOPUP_STATUS_SUCC}"> <td>充值成功</td> </c:if> <c:if test="${topupOrderRO.toTopupStatus==TO_TOPUP_STATUS_FAIL}"> <td>充值失败</td> </c:if> <c:if test="${topupOrderRO.toTopupStatus==TO_TOPUP_STATUS_UNKNOWN}"> <td>充值结果未知</td> </c:if> </tr> </c:forEach> </table> <div class="list_table_foot" align="right"> <c:if test="${pageRO!=null}"> <c:if test="${pageRO.totalPageCount!=1}"> 共${pageRO.totalRowCount}条记录，当前${(pageRO.pageNO-1)*pageRO.pageSize+1} - <c:if test="${pageRO.pageNO==pageRO.totalPageCount}"> ${pageRO.totalRowCount} </c:if> <c:if test="${pageRO.pageNO!=pageRO.totalPageCount}"> ${pageRO.pageNO*pageRO.pageSize} </c:if> 第${pageRO.pageNO}页/共${pageRO.totalPageCount}页 <a href="javascript:pageClick('1')" mce_href="javascript:pageClick('1')">第一页</a> <c:if test="${pageRO.pageNO>1}"> <c:set var="previousPage" value="${pageRO.pageNO-1}" /> <a href="javascript:pageClick('${previousPage}')" mce_href="javascript:pageClick('${previousPage}')">前一页</a> </c:if> <c:set var="temp" value="${pageRO.pageNO/5}" /> <c:if test="${pageRO.pageNO%5==0}"> <c:set var="n" value="${temp-1}" /> </c:if> <c:if test="${pageRO.pageNO%5!=0}"> <c:set var="n" value="${temp}" /> </c:if> <c:set var="leftPreviousePage" value="${n*5}" /> <c:set var="leftPage" value="${leftPreviousePage+1}" /> <c:if test="${pageRO.pageNO>5}"> <a href="javascript:pageClick('${leftPreviousePage}')" mce_href="javascript:pageClick('${leftPreviousePage}')">...</a> </c:if> <c:set var="curRightPage" value="${n*5+5}" /> <c:if test="${pageRO.pageNO>curRightPage}"> <c:set var="rightPage" value="${curRightPage}" /> </c:if> <c:if test="${pageRO.pageNO<=curRightPage}"> <c:set var="rightPage" value="${pageRO.pageNO}" /> </c:if> <c:forEach var="count" begin="${leftPage}" end="${rightPage}" step="1"> <c:if test="${count!=pageRO.pageNO}"> <a href="javascript:pageClick('${count}')" mce_href="javascript:pageClick('${count}')">${count}</a> </c:if> <c:if test="${count==pageRO.pageNO}"> <b>${count}</b> </c:if> </c:forEach> <c:if test="${pageRO.totalPageCount>rightPage}"> <c:set var="rightNextPage" value="${rightPage+1}" /> <a href="javascript:pageClick('${rightNextPage}')" mce_href="javascript:pageClick('${rightNextPage}')">...</a> </c:if> <c:if test="${pageRO.pageNO<pageRO.totalPageCount}"> <c:set var="nextPage" value="${pageRO.pageNO+1}" /> <a href="javascript:pageClick('${nextPage}')" mce_href="javascript:pageClick('${nextPage}')">后一页</a> </c:if> <a href="javascript:pageClick('${pageRO.totalPageCount}')" mce_href="javascript:pageClick('${pageRO.totalPageCount}')">最末页</a> </c:if> <c:if test="${pageRO.totalPageCount==1}"> 第1页/共1页 </c:if> </c:if> </div> </div> <br /> </div> </div> </div> <div class="css_hack"></div> </div> </div> <div class="sdo_footer"><iframe src="http://www.sdo.com/home/bottom.html" frameborder="0" scrolling="no"> </iframe></div> <input type="hidden" /> </form> <mce:script type="text/javascript"></mce:script> </body> </html>