3.jsp页面分页功能(首页、下一页、上一页、末页)
生活随笔
收集整理的這篇文章主要介紹了
3.jsp页面分页功能(首页、下一页、上一页、末页)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
思路:前端負責收集分頁信息與篩選條件,后端可以通過分頁信息的頁碼+每頁多少條+篩選條件查到具體的51-100條數據。
每次的查詢,下一頁,末頁等操作其實是更新分頁信息與篩選條件罷了
①定義每頁條數10條,有一個固定的查詢方法,參數為分頁信息或是篩選條件,如果都沒有默認從第一頁查詢。
int pageNo = 1; //頁碼 int pageNum = 10; //條數 if(request.getParameter("pageNo") != null && !"".equals(request.getParameter("pageNo"))){pageNo = Integer.parseInt(request.getParameter("pageNo"));}②不管是條件查詢,還是點擊下一頁,重新調用本頁面,重新獲取分頁信息或是篩選條件,再進行數據填充
archiveInfo.setTitle(request.getParameter("title")!=null?request.getParameter("title"):""); archiveInfo.setClientCode(request.getParameter("clientCode")!=null?request.getParameter("clientCode"):""); archiveInfo.setArchiveNo(request.getParameter("archiveNo")!=null?request.getParameter("archiveNo"):""); archiveInfo.setCharger(request.getParameter("charger")!=null?request.getParameter("charger"):""); archiveInfo.setFileNo(request.getParameter("fileNo")!=null?request.getParameter("fileNo"):""); submitArchiveList = dao.getSubmitArchiveList2(【當前頁碼,每頁條數】, 篩選條件archiveInfo);③點擊下一頁,上一頁,末頁,首頁時觸發一個傳遞當前頁碼的函數,函數再submt本頁面,每次提交到本頁面,就會觸發固定的查詢方法,計算分頁信息或是篩選條件,實現傳遞了頁碼的查詢展示
<script> //普通固定的提交本頁面,重新調查詢方法,篩選條件隨著table表格已經提交了,在本頁面也通過request獲取了條件參數 function query(){ document.submitPigeonholeFrm.action="submitArchiveList.jsp";document.submitPigeonholeFrm.submit(); }//下一頁按鈕,url也是提交給本頁面,但還包含了一個頁碼pageNo function go_page(url){submitPigeonholeFrm.action=url;submitPigeonholeFrm.submit(); } </script> < !-- 提交歸檔列表 第 1 頁 共 63 頁 記錄共 3136 條 首頁 上頁 下頁 末頁 --> <form id="submitPigeonholeFrm" name="submitPigeonholeFrm" action="" method="post"> <table border="0" width="100%" style="margin-top: 10px;"><tr><td width="200" style="border: 0px;padding-left: 15px;">提交歸檔列表</td><td align="right" style="border: 0;padding-right: 15px;"><span class="text">第<%=pageNo %>頁 共 <%=pageInfo.iTotalPage%> 頁 記錄共 <%=pageInfo.iTotalRow%> 條 </span><%if(pageNo>1){%> <a href="javascript:void(0)" onclick="go_page('submitArchiveList.jsp?pageNo=1')">首頁</a><%}else{%><span class="text">首頁</span><%}%><%if (pageNo > 1) {nextPage = pageNo;%> <a href="javascript:void(0)"onclick="go_page('submitArchiveList.jsp?pageNo=<%=String.valueOf(--nextPage) %>')">上頁 </a> <%} else {%> <span class="text">上頁</span> <%}%> <%if (pageNo < pageInfo.iTotalPage) {nextPage = pageNo;%> <a href="javascript:void(0)"onclick="go_page('submitArchiveList.jsp?pageNo=<%=String.valueOf(++nextPage) %>')">下頁</a> <%} else {%> <span class="text">下頁</span> <%}%> <%if (pageNo != pageInfo.iTotalPage && pageInfo.iTotalPage != 0) {%> <a href="javascript:void(0)"onclick="go_page('submitArchiveList.jsp?pageNo=<%=String.valueOf(pageInfo.iTotalPage) %>')">末頁</a> <%} else {%> <span class="text"> 末頁</span> <%}%></td></tr> </table>展示數據的序號時,根據頁碼可以計算當前頁是第多少條數據,每展示一條數據,num++
int num = (pageNo-1)*p.iPageCountUse+1; //當前頁的第num條數據,通過頁碼和每頁條數就可算出來 <td align="center"><%=num++ %></td> //在循環遍歷時,展示一條數據,num++總結
以上是生活随笔為你收集整理的3.jsp页面分页功能(首页、下一页、上一页、末页)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: stm32F1使用SD卡实现IAP
- 下一篇: 【BZOJ-2435】道路修建