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

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" οnclick="page_linked(1);">首页</a></td>
						   	<td class="td9"></td>
						   	<td class="td9-1"><a href="#" class="link6" οnclick="page_linked(${pageinfo.currentPage-1});">上一页</a></td>
						   	<td class="td9"></td>
						   	<td class="td9-1"><a href="#" class="link6" οnclick="page_linked(${pageinfo.currentPage+1});">下一页</a></td>
						   	<td class="td9"></td>
						   	<td class="td9-1"><a href="#" class="link6" οnclick="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" οnkeydοwn="if(event.keyCode==13){go_linked(this.value);}" /><span class="td9">页</span>
						   		<a title="转到" οnclick="go_linked()" class="GO" href="javascript:void(0);">GO</a>
						   </td>						   
					   </tr>
					</table>
				 </td>
			  </tr>
		 </table>
	</td>
</tr>

4 调用

得到contextPath

得到queryUril , 这里是一个action

在界面上引用