简单分页的实现

最新推荐文章于 2022-03-10 12:04:01 发布
最新推荐文章于 2022-03-10 12:04:01 发布
阅读量2k 收藏 1
点赞数
分类专栏： 10 JavaEE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kalision/article/details/8490829
版权

注：

以下介绍的分页为简单的分页，适合数据量小的模块。如果查询展现的数据量非常大，此分页实现不适合。

 

1：参照jsp页面

 

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page isELIgnored="false" %>	
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<base href="<%=basePath%>">
		<title>所有用户列表</title>
    <script type="text/javascript">
			function onlyNum(){ 
				if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)) 
				if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) 
				event.returnValue=false; 
			} 

			function selectPage(page,pageCount){
				var page = page;
				var pageCount = pageCount;
				var pageCode = document.getElementById("pageCode").value;
				if(pageCount==0){
					alert("当前无数据");
				}else if(pageCode==""){
					alert("请输入页数");
				}else if(pageCode > pageCount || pageCode < 1){
					alert("超出页数范围");
				}else if(page==1 && page==pageCode){   
	         		alert("当前已是第一页");
     			}else if(page==pageCount && page==pageCode){
     				alert("当前已是最后一页");
     			}else if(page==pageCode){
     				alert("已是当前页");
     			}else {
     				form1.action = "<%=request.getContextPath()%>/pageTPwUserList.action?page="+pageCode;
					form1.submit();
     			}
			}
			function selectSy(page,pageCount){
				var page = page;
				var pageCount = pageCount;
				if(pageCount==0){
					alert("当前无数据");
				}else if(page==1){   
	         		alert("当前已是第一页");
     			} else {
	     			form1.action = "<%=request.getContextPath()%>/pageTPwUserList.action?page=1";
					form1.submit();
     			}
			}
			function selectSyy(page,pageCount){
				var page = page;
				var pageCount = pageCount;
				if(pageCount==0){
					alert("当前无数据");
				}else if(page==1){   
	         		alert("当前已是第一页");
     			} else{
	     			var pageS = page-1;
					form1.action = "<%=request.getContextPath()%>/pageTPwUserList.action?page="+pageS;
					form1.submit();
     			}
			}
			function selectXyy(page,pageCount){
				var page = page;
				var pageCount = pageCount;
				if(pageCount==0){
					alert("当前无数据");
				}else if(page==pageCount){
					alert("当前已是最后一页");
				}else{
					var pageX = page+1;
					form1.action = "<%=request.getContextPath()%>/pageTPwUserList.action?page="+pageX;
					form1.submit();
				}
			}
			function selectWy(page,pageCount){
				var page = page;
				var pageCount = pageCount;
				if(pageCount==0){
					alert("当前无数据");
				}else if(page==pageCount){
					alert("当前已是最后一页");
				}else{
					form1.action = "<%=request.getContextPath()%>/pageTPwUserList.action?page="+pageCount;
					form1.submit();
				}
			}
		</script>  
 	 </head>
  
  <body>
 	
   <form action="" id="form1" οnsubmit="return true;" method="post">

   <table>
   	<tr><td>序号</td><td>ID号</td><td>登入名</td></tr>
	<s:iterator value="list"  id="sa" status="stat" >
		<tr>
			
			 <td>
				<input type="checkbox"/>
				<s:property value="#stat.index+1"/>
			 </td>
			 <td align = "center"><s:property value="#sa.PId"/></td>
			 <td align = "center"><s:property value="#sa.PLoginname"/></td>
		</tr>	 
	 </s:iterator>
   </table>
	  记录总数
	  <s:property value="count"/>
	  <input type="hidden" />条    共
	  <s:property value="pageCount"/>页 当前是第
	  <s:property value="page"/>页 每页15条 
	  <input type="button" id="tz"  οnclick="selectPage(<s:property value="page"/>,<s:property value="pageCount"/>)" value="跳转到 ">第
	  <input type = "text"  id="pageCode" οnkeydοwn="onlyNum();" style="ime-mode:Disabled;height:19px;width:25px" > 页 
	  <input type="button" id="sy"  οnclick="selectSy(<s:property value="page"/>,<s:property value="pageCount"/>)" value="首页">
	  <input type="button" id="syy" οnclick="selectSyy(<s:property value="page"/>,<s:property value="pageCount"/>)" value="上一页 ">
	  <input type="button" id="xyy" οnclick="selectXyy(<s:property value="page"/>,<s:property value="pageCount"/>)" value="下一页">
	  <input type="button" id="wy"  οnclick="selectWy(<s:property value="page"/>,<s:property value="pageCount"/>)" value="尾页 ">
   </form>	
  </body>
</html>


 

 

2：参照action类 片段

 

	private int count = 0;
	private int pageCount = 0;
	private int page = 1;
	private List<TPwUser> list;	//此list类型为对应数据的bean类型

	//实现四个全局变量的get set 方法

	
	//此方法点击翻页的时候执行
	public String pageSelect() throws Exception {
		this.list = tPwUserService.getAllTPwUser(); //把servcie层获得的数据赋给list。
		count = list.size();
		pageCount = count / 15;
		if (count % 15 != 0) {
			pageCount = pageCount + 1;
		}
		if (page * 15 > count) {
			this.list = list.subList((page - 1) * 15, count);
		} else {
			this.list = list.subList((page - 1) * 15, page * 15);
		}
		return SUCCESS;
	}

	/**
	 * 第一次请求展现列表时调用Service层查找所有TPwUser用户列表
	 */
	public String getAllTPwUserList() {
		this.list = tPwUserService.getAllTPwUser();
		count = list.size();
		pageCount = count / 15;
		if (count == 0) {
			return SUCCESS;
		} else if (count < 15) {
			pageCount = 1;
			this.list = list.subList((page - 1) * 15, count - 1);
			return SUCCESS;
		} else {
			if (count % 15 != 0) {
				pageCount = pageCount + 1;
			}
			this.list = list.subList((page - 1) * 15, page * 15);
			return SUCCESS;
		}
	}


 

3：参照Struts.xml 片段

 

		<!-- 第一次请求获得数据列表Action -->
		<action name="TPwUserList"
			class="TPwUserAction" method="getAllTPwUserList">
			<result name="success">/jsp/TPwUser/TPwUserList.jsp</result>
			<result name="error">/regist.jsp</result>
		</action>
		
		<!-- 翻页时请求Action -->
		<action name="pageTPwUserList"
			class="TPwUserAction" method="pageSelect">
			<result name="success">/jsp/TPwUser/TPwUserList.jsp</result>
			<result name="error">/regist.jsp</result>
		</action>


 

注释：

Struts.xml中配置的第二个action，method属性对应的是jsp页面中js中请求的地址中的方法。

 

 

passport_daizi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
简单的分页制作
K_122的博客
07-20 862
1.制作一个带首页，上一页，下一页，末页这样的页面命名为pageUI.jsp                                       页面代码 （例子，可以参考）                                   总记录数：条
最最最最简单的分页
weixin_51392371的博客
04-07 382
首先配置一下maven <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.13</version> </dependency>
SqlServer简单分页
黄瓜炒鸡蛋的博客
07-22 1592
一、自定rows（可自命名）字段翻页 select * from (select ROW_NUMBER() over(order by VideoID) rows ,* from TVideo) as v where v.rows between 3*(3-1)+1 and 3*3 //自定rows为当前行的位置，where后面借展示内容条件，可用between and，也可用>=、<= 二、利用top翻页 select top 3 * from TVideo where VideoID
java实现简单分页功能
Ricartc的编程梦
01-08 1913
　虽然现在有很多好用的框架，对分页进行支持，很简单的就把分页的效果做出来，但是如果自己手写是一个怎样的流程的？今天就来说说它，手动实现分页效果。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　--WH   一、分页的思路 　　　　首先我们得知道写分页代码时的思路，保持思路清晰，有步骤的进行，才能行云如水。先来看看分页的效果 　　　　　　　　　　　　　　　　　　　　　　　　 　...
简单的分页
weixin_30700977的博客
12-19 102
1.定义PageBean package com.shenqz.util; import java.io.Serializable; import java.util.ArrayList; import java.util.List; import org.apache.poi.ss.formula.functions.T; /** * * @aut...
简单分页实现
11-28
简单分页实现，包括基础架构，相关jar包和DBUtil工具类
Jquery简单分页实现方法
10-23
主要介绍了Jquery简单分页实现方法,实例分析了jquery分页的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JavaWeb 简单分页实现代码
09-01
主要介绍了JavaWeb 简单分页实现代码的相关资料,需要的朋友可以参考下
jsp servlet 简单分页实现
08-03
NULL 博文链接：https://swordshadow.iteye.com/blog/1986691
Vue实现简单分页器
10-17
主要为大家详细介绍了Vue实现简单分页器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jsp简单分页 完整版
10-23
简单分页
一款非常简单的分页实现方法，适合新手使用。
06-21
一款非常简单的分页实现方法，适合新手使用。 前端一次性把数据全部读取完，再进行分页，前端分页比较块，但不适用于数量量大的情况
简单web分页实现
03-24
NULL 博文链接：https://wuxw920.iteye.com/blog/1073296
一个简单的js分页
03-31
一个简单的js分页
web实现简单分页
05-16
web实现简单的分页
实现简单的分页
weixin_58276266的博客
01-17 95
分页信息类代码 package com.Dy.Pojo; import java.util.List; /** * 分页信息 */ public class PageInfo<T> { // 你页面需要展示的集合 private List<T> list; // 显示的总记录数 private Integer totalNum; // 总页数 private Integer totalPage; // 当前页
简单的分页功能
qq_55428258的博客
03-10 394
页面代码： <tr> <td colspan="100"> ${pageInfo.pageNum}/${pageInfo.pages}页 <input type="button" value="上一页" onclick="page(${pageInfo.prePage==0?1:pageInfo.prePage})"> <c:forEach items="${pageInfo.n
wpf 最简单的分页实现
最新发布
10-05
WPF可以通过使用Pagination控件来实现分页功能。以下是一种简单的分页实现方法： 1. 首先，在XAML文件中创建一个Pagination控件，并设置其属性如下： ``` <Pagination x:Name="paginationControl" PageIndex="0" PageSize="10" /> ``` 其中，PageIndex表示当前页的索引（从0开始），PageSize表示每页显示的记录数。 2. 然后，在后台代码中，为Pagination控件的PageChanged事件添加事件处理程序： ``` paginationControl.PageChanged += PaginationControl_PageChanged; ``` 3. 在事件处理程序中，实现分页逻辑，例如从数据库中获取数据： ``` private void PaginationControl_PageChanged(object sender, PageChangedEventArgs e) { // 根据页码和每页记录数，计算需要显示的数据范围 int startIndex = e.NewPageIndex * paginationControl.PageSize; int endIndex = startIndex + paginationControl.PageSize - 1; // 从数据库中获取数据，并更新显示 List<Data> dataList = GetDataFromDatabase(startIndex, endIndex); dataGrid.ItemsSource = dataList; } ``` 其中，PageChangedEventArgs的属性NewPageIndex表示跳转后的页码。 4. 在需要显示数据的控件（如DataGrid）中，绑定数据源： ``` <DataGrid x:Name="dataGrid" AutoGenerateColumns="False"> <DataGrid.Columns> <!-- 定义列 --> </DataGrid.Columns> </DataGrid> ``` 通过以上步骤，就可以实现一个简单的分页功能。当用户点击Pagination控件中的页码按钮时，会触发PageChanged事件，根据新的页码来获取相应的数据，并更新显示在DataGrid中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值