7、实现通用分页功能三（实现通用分页JSP代码）

基本思路 ：

       对于，页码列表的实现常用思路是用标签，如：

在上面代码中，可变部分主要是href的属性值，即请求路径，为了实现通用性，可以定义两个变量，分别是：

url和num，页码列表就可以抽象成：

      ${num}页

     但是，在这里不用上面的方法，而是用表单的方法。

分页的通用JSP代码：pageView.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/share/taglib.jsp" %>

 
	

		   页次：${pageNow}/${pageCount }页  
		每页显示：${pageSize }条  
		总记录数：${recordCount }条
	
	

	
		
			
		
		
		<%-- 显示页码列表 --%>
		
			
				
					${num}
				
				
					${num}
				
			
		
		
		
			
		
		转到：
		
			
				
					
						${num}
					
					
						${num}
					
				
			
		
	

css代码：

#PageSelectorBar {
	height: 20px;
	width: 100%;
	padding-left: 26px;
	padding-right: 15px;
	font-size: 12px;
	color: #001791;
}
#PageSelectorMemo {
	float: left;
	padding-top: 5px;
	line-height: 18px;
}
#PageSelectorSelectorArea {
	padding-top: 5px;
	float: right;
}
#PageSelectorNum,
.PageSelectorNum {
	background: url(/shop/images/pageSelector/pageSelector_bg.gif) no-repeat;
	background-position: 0px 3px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 6px;
	width: 20px;
	height: 20px;
	font-family: 宋体;
	text-align: center;
}
.PageSelectorSelected {
	color: #FF0000;
}

#PageSelectorHead {
	padding-left: 2px;
	padding-right: 2px;
	width: 20px;
	height: 20px;
	font-family: webdings;
	background: url(/shop/images/pageSelector/pageSelector_bg.gif) no-repeat;
	background-position: 0px 1px;
}

使用方法：

在需要分页的jsp页面相应地方中，加入一个form表单

       

<%@ include file="/WEB-INF/jsp/share/pageView.jsp" %>

...

说明：分页请求的路径，可以设置在form表单的action属性上，如 action="type_list.action"

而参数pageNow,则是在pageView.jsp的js函数里提交

function gotoPage(num){
	var hidden = document.createElement("input");
	hidden.setAttribute("type","hidden");
	hidden.setAttribute("name","pageNow");//设置pageNow
	hidden.setAttribute("value",num);
	document.forms[0].appendChild(hidden);
	document.forms[0].submit();
}