简单的分页制作

最新推荐文章于 2022-04-07 17:07:59 发布

K_122

最新推荐文章于 2022-04-07 17:07:59 发布

阅读量920

点赞数

本文链接：https://blog.youkuaiyun.com/K_122/article/details/75514668

版权

本文介绍了如何制作一个简单的分页系统，包括创建pageUI.jsp页面，使用pageBean和pageInfo处理分页数据，提供分页查询方法，并在Action中处理分页标识。分页过程采用Ajax异步更新，实现页面局部刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.制作一个带首页，上一页，下一页，末页这样的页面命名为pageUI.jsp

页面代码（例子，可以参考）

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<tr>
      <td width="100%" height="1"  colspan="2">
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
         <s:if test="#request.page!=null">
         		<tr>
		             <td width="15%" align="left">总记录数：<s:property value="%{#request.page.totalResult}"/>条</td> 
		             <td width="14%" align="right"></td>   
		             <s:if test="#request.page.firstPage">
		             	<td width="8%" align="center">首页  |</td>
		             	<td width="10%" align="center">上一页   |</td>
		             </s:if>   
		             <s:else>
		             	<td width="8%" align="center"><u><a href="#" onClick="gotopage('elecUserAction_home.do','start')">首页  |</a></u></td>
		             	<td width="10%" align="center"><u><a href="#" onClick="gotopage('elecUserAction_home.do','prev')">上一页   |</a></u></td>
		             </s:else>
		             <s:if test="#request.page.lastPage">
					 	<td width="10%" align="center">下一页   |</td>
		             	<td width="8%" align="center">末页</td>
		             </s:if>
		             <s:else>
		             	<td width="10%" align="center"><u><a href="#" onClick="gotopage('elecUserAction_home.do','next')">下一页   |</a></u></td>
		             	<td width="8%" align="center"><u><a href="#" onClick="gotopage('elecUserAction_home.do','end')">末页</a></u></td>
		             </s:else>
		             <td width="6%" align="center">第<s:property value="%{#request.page.pageNo}"/>页</td>
		             <td width="6%" align="center">共<s:property value="%{#request.page.sumPage}"/>页</td>
		             <td width="21%" align="right">至第<input size="1" type="text" name="goPage" >页
		
		
		
		             <u><a href="#" onClick="gotopage('elecUserAction_home.do','go')">确定</a></u></td>
		             
		             <td><input type="hidden" name="pageNO" value="${page.pageNo}" ></td> 
		             <td><input type="hidden" name="prevpageNO" value="${page.pageNo-1}"></td>
		             <td><input type="hidden" name="nextpageNO" value="${page.pageNo+1}"></td>
		             <td><input type="hidden" name="sumPage" value="${page.sumPage}" ></td>
	           </tr>
         </s:if>
          
        </table>       
      </td>
    </tr>

页面效果

最低0.47元/天解锁文章