3.jsp页面分页功能(首页、下一页、上一页、末页)
生活随笔
收集整理的這篇文章主要介紹了
3.jsp页面分页功能(首页、下一页、上一页、末页)
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
思路:前端負(fù)責(zé)收集分頁信息與篩選條件,后端可以通過分頁信息的頁碼+每頁多少條+篩選條件查到具體的51-100條數(shù)據(jù)。
每次的查詢,下一頁,末頁等操作其實(shí)是更新分頁信息與篩選條件罷了
①定義每頁條數(shù)10條,有一個(gè)固定的查詢方法,參數(shù)為分頁信息或是篩選條件,如果都沒有默認(rèn)從第一頁查詢。
int pageNo = 1; //頁碼 int pageNum = 10; //條數(shù) if(request.getParameter("pageNo") != null && !"".equals(request.getParameter("pageNo"))){pageNo = Integer.parseInt(request.getParameter("pageNo"));}②不管是條件查詢,還是點(diǎn)擊下一頁,重新調(diào)用本頁面,重新獲取分頁信息或是篩選條件,再進(jìn)行數(shù)據(jù)填充
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(【當(dāng)前頁碼,每頁條數(shù)】, 篩選條件archiveInfo);③點(diǎn)擊下一頁,上一頁,末頁,首頁時(shí)觸發(fā)一個(gè)傳遞當(dāng)前頁碼的函數(shù),函數(shù)再submt本頁面,每次提交到本頁面,就會(huì)觸發(fā)固定的查詢方法,計(jì)算分頁信息或是篩選條件,實(shí)現(xiàn)傳遞了頁碼的查詢展示
<script> //普通固定的提交本頁面,重新調(diào)查詢方法,篩選條件隨著table表格已經(jīng)提交了,在本頁面也通過request獲取了條件參數(shù) function query(){ document.submitPigeonholeFrm.action="submitArchiveList.jsp";document.submitPigeonholeFrm.submit(); }//下一頁按鈕,url也是提交給本頁面,但還包含了一個(gè)頁碼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>展示數(shù)據(jù)的序號(hào)時(shí),根據(jù)頁碼可以計(jì)算當(dāng)前頁是第多少條數(shù)據(jù),每展示一條數(shù)據(jù),num++
int num = (pageNo-1)*p.iPageCountUse+1; //當(dāng)前頁的第num條數(shù)據(jù),通過頁碼和每頁條數(shù)就可算出來 <td align="center"><%=num++ %></td> //在循環(huán)遍歷時(shí),展示一條數(shù)據(jù),num++總結(jié)
以上是生活随笔為你收集整理的3.jsp页面分页功能(首页、下一页、上一页、末页)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: stm32F1使用SD卡实现IAP
- 下一篇: 【BZOJ-2435】道路修建