(1) 自定义分页<采用jsp和Java实现>

来源：互联网发布：淘宝美女口水编辑：程序博客网时间：2024/06/05 17:04

1 原理

分页在每个页面都存在,所以写一个分页,让所有页面进行调用,这样方便进行维护.

2 效果图

3 代码

PageInfo.java

package com.hm.eams.basic.common.base;import com.hm.properties.SystemProperties;public class PageInfo implements java.io.Serializable {    /** *  */private static final long serialVersionUID = 944525732066000534L;/**总记录数*/    private int totalCount = 0;    /**当前页*/    private int currentPage = 1;        /**总页数*/    private int totalPage = 1;    /**每页显示的记录数*/    private int pageSize = SystemProperties.getPageSize();    /**     * 获取当前页     * @return int     */    public int getCurrentPage() {            return currentPage;    }    /**     * 设置当前页     * @param currentPage int     */    public void setCurrentPage(int currentPage) {     this.currentPage = currentPage;    }    /**     * 获取总记录数     * @return int     */    public int getTotalCount() {        return totalCount;    }    /**     * 设置总记录数     * @param totalCount int     */    public void setTotalCount(int totalCount) {        this.totalCount = totalCount;    }    /**     * 获取每页显示记录数     * @return int     */    public int getPageSize() {        return pageSize;    }    /**     * 设置每页显示记录数     * @param pageSize int     */    public void setPageSize(int pageSize) {        this.pageSize = pageSize;    }public void setTotalPage(int totalPage) {this.totalPage = totalPage;}public int getTotalPage() {return totalPage;}}

page.jsp

<%@page contentType="text/html;charset=utf-8"%><%@ taglib uri="/tags/struts-html" prefix="html"%><%@ page import="com.hm.eams.basic.common.base.PageInfo" %><%String contextPath = request.getContextPath();String actionUrl = request.getParameter("actionUrl");PageInfo pageinfo = (PageInfo)request.getAttribute("pageinfo");if(pageinfo==null){pageinfo = new PageInfo();request.setAttribute("pageinfo", pageinfo);}%><script type="text/javascript">function isInteger(value){var Integer = /^[1-9]\d*$/;return Integer.test(value);}function page_linked(pagenum){if(pagenum<1){pagenum = 1;}if(pagenum>("${pageinfo.totalPage}")*1){pagenum = "${pageinfo.totalPage}";}document.all.currentPage.value = pagenum;document.forms[0].action = "<%=actionUrl%>";document.forms[0].submit();}function go_linked(){var pagenum=document.getElementById("currentPage").value;if(!isInteger(pagenum)){layer.msg("请输入大于0的正整数.",{icon:0,time:2000});document.all.currentPage.value = "";document.all.currentPage.select();return false;}page_linked(pagenum);}</script><style type="text/css">a{text-decoration:none;}</style><tr><td class="table-list-page"><table border="0" class="table-page"  cellpadding="0" cellspacing="0"> <tr><td valign="middle">   <table align="left" border="0" cellpadding="0" cellspacing="0" ><tr><td class="td8">共<span class="td10">${pageinfo.totalCount}</span>条记录</td>   <td class="td8">每页显示<span class="td10">${pageinfo.pageSize}</span>条</td>   <td class="td9"></td>   <td class="td9-1"><a href="#" class="link6" onclick="page_linked(1);">首页</a></td>   <td class="td9"></td>   <td class="td9-1"><a href="#" class="link6" onclick="page_linked(${pageinfo.currentPage-1});">上一页</a></td>   <td class="td9"></td>   <td class="td9-1"><a href="#" class="link6" onclick="page_linked(${pageinfo.currentPage+1});">下一页</a></td>   <td class="td9"></td>   <td class="td9-1"><a href="#" class="link6" onclick="page_linked(${pageinfo.totalPage});">尾页</a></td>   <td class="td9"></td>   <td class="td8">当前是第</td>   <td class="td10">${pageinfo.currentPage}</td>   <td class="td8">页</td>   <td class="td9">想要跳到第</td>   <td><html:text property="pageinfo.currentPage" styleId="currentPage" styleClass="input1-1" size="2" onkeydown="if(event.keyCode==13){go_linked(this.value);}" /><span class="td9">页</span>   <a title="转到" onclick="go_linked()" class="GO" href="javascript:void(0);">GO</a>   </td>      </tr></table> </td>  </tr> </table></td></tr>

4 调用

得到contextPath

得到queryUril , 这里是一个action

在界面上引用

0 0