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 %>页&nbsp;&nbsp;共 <%=pageInfo.iTotalPage%> 页 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;记录共 <%=pageInfo.iTotalRow%> 条&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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页面分页功能（首页、下一页、上一页、末页）相关推荐

Jsp中分页功能的实现
分页查询功能一直是web编程中常用的技术,如何实现可重复使用而又简单的分页技术呢,下面的代码可以提供一些参考,实现用户列表的分页显示,当其它数据需分页显示时,可以复用其中的分页对象 (SplitPag ...
JSP页面分页显示数据
一.源代码(这里以一个Java web的留言板项目为例): 1.Dao层操作数据库的方法(MessageDao.java) 设置每页显示的最大留言条数: private final int MAX_S ...
练手：原生js（部分jquery）写一个前端页面分页功能
准备一个获取数据的接口 –注–:页面可能有点简陋,我们这里主要写如何操作dom来实现分页的功能. 这里我是用node搭建了一个简易的服务器,用来给前端发送数据: const express = req ...
jsp 页面分页超链接代码实现
在大量数据列出时,屏幕不可能完整显示,这时必须使用分页,SQL的分页已经在其他文章讨论过,这里讨论的是JSP分业代码的实现. 页面传入参数p作为页面选择,无参数默认第一页. 计算页面分业的基本参数,c ...
Django--实现分页功能，并且基于cookie实现用户定制每页的数据条数
# page_num 当前页数, total_result_num 总共有多少条测试结果 def pagination(request, page_num, total_result_num, res ...
php下拉上滑分页,Flutter实现下拉刷新上拉分页加载更多
一.Flutter实现下拉刷新和上拉分页加载更多在Flutter官方sdk中给我们提供了下拉刷新的组件RefreshIndicator.但是没有提供上拉分页加载更多的组件.但是在Flutter Li ...
用户列表 java_三个jsp页面+Java片段实现的用户登录和用户列表查询[带分页]
和Servlet功能需求一样数据库: CREATE DATABASE user; USE user; CREATE TABLE `user` ( `userId` int(11) NOT NULL ...
复习JavaWeb的小项目书籍信息的增删改查分页功能实现Java面试题Session和Cookie的基础概念生活【记录一个咸鱼大学生三个月的奋进生活】034
记录一个咸鱼大学生三个月的奋进生活034 JavaWeb的增删改查分页功能实现前期准备工作(数据库连接类和实体类) 数据库建立数据库连接类(DBManager) 书籍信息的实体类(Book) 操作 ...
java web开中WebRoot下的jsp和WebRoot文件夹下的jsp（html）引用css样式
这是项目的文件忘了怎么说了,反正就是这样子的. 首先WebRoot下有一个文件夹admin主要存放管理员相关的页面. 页面使用的是frameset框架,具体页面如下: 话说回来文件夹下面的html和j ...
谷歌浏览器打开JSP页面依然输出源代码
前言: 进入一个新的公司,小部门却维护着很多的项目,基本都是优化.维护等工作,了解到这种情况真是有点失落.不过他们却让我自己搞一个支付系统,目前暂时对接的是微信支付. 在公司里一个项目我自己一个人搞, ...

3.jsp页面分页功能（首页、下一页、上一页、末页）

3.jsp页面分页功能（首页、下一页、上一页、末页）相关推荐

最新文章

热门文章