商城项目后台表格的模板化处理办法

<script type="text/javascript" src="${ctx}/static/js/common/tools.js"></s

showList : function() {
		//更新表单提示层
		try {
		jQuery("#searchForm").validationEngine(‘hideAll‘);
		} catch (e) {
		}
		var params = $("#searchForm").serializeArray();
		var url
		if (tools.defaultUrl == "") {
			url = $("#searchForm").attr("action");
		} else {
			url = tools.defaultUrl;
		}
		$.ajax( {
			type : "POST",
			url : url,
			data : params,
			async : false,
			success : function(data) {
				$(".dataTable").html(data);
			}
		});
	}

<%@tag pageEncoding="UTF-8" import="java.lang.*" %>
<%@ attribute name="page" type="com.oaoera.agent.common.tools.Page"%>
<%@ attribute name="searchFn" type="java.lang.String"%>
<%@ attribute name="pageName" type="java.lang.String"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%

if(page==null){
	page = (com.oaoera.agent.common.tools.Page)request.getAttribute("page");
}
//page的名称
if(pageName==null||"".equals(pageName)){
	pageName = "page";
}

//当前页
int current =  page.getPageNumber();
//开始页数
int begin = Math.max(1, current - 3);
//结束页数
long end = Math.min(current+3, page.getTotalPages());
//总分页数
long totalPage = page.getTotalPages();

request.setAttribute("page", page);
request.setAttribute("totalPage", totalPage);
request.setAttribute("current", current);
request.setAttribute("pageName",pageName);
%>
<div class="clearfix">
<ul class="pagination fr mt10 mb10" pageName="${pageName}">
	<c:if test="${ empty pageFlag }">
	<div class="pageData" style="display:none">
		<input id="${pageName}_pageNumber" name="pageNumber" value="${page.pageNumber}"  />
		<input id="${pageName}_pageSize" name="pageSize" value="${page.pageSize}"  />
	</div>
	</c:if>
	<li><div class="page_div">总 <strong><%=page.getTotalCount()%></strong> 条记录</div></li>
	<% if (page.isHasPre()){%>
	<li class="previous">
		<a  style="cursor: pointer;"  href="javascript:void(0)" aria-label="Previous" pageNumber="<%=current-1%>">
			<span aria-hidden="true" pageNumber="<%=current-1%>">«</span>
		</a>
	</li>
	<%} %>
	<% if (begin > 3){%>
		<li><a  style="cursor: pointer;"  href="javascript:void(0)" pageNumber="1">1</a></li>
		<li><a  href="javascript:void(0)">...</a></li>
	<%} %>
	
	<%for (int i = begin; i <= end; i++) { %>
		<li><a style="cursor: pointer;"  href="javascript:void(0)" pageNumber="<%=i%>"><%=i%></a></li>
	<%} %>
	
	<% if (totalPage > 5 && end < totalPage){%>
		<li><a  href="javascript:void(0)">...</a></li>
		<li style="cursor: pointer;" ><a  href="javascript:void(0)" pageNumber="${totalPage }">${totalPage}</a></li>
	<%} %>
	
	<% if (page.isHasNext()){%>
	<li class="next_page">
		<a style="cursor: pointer;"  href="javascript:void(0)" aria-label="Next" pageNumber="<%=current+1%>">
			<span aria-hidden="true" pageNumber="<%=current+1%>">»</span>
		</a>
	</li>
	<%} %>
	<li>
        <div class="page_div">共<%=page.getTotalPages()%>页，到第<input type="text" name="goPageNumber" class="page_input" value="${current}" >页
        <input name="pageGoTo" type="button" class="ts_blue_btn_30 pageGoTo" value="确定"></div>
    </li>
 </ul>
 </div>
 <c:choose>
 <c:when test="${empty pageFlag}">
<script type="text/javascript">
	$(function(){
		var totalPage = parseInt(‘${totalPage}‘);
		$.${pageName} = {pageNumber: ${page.pageNumber},pageSize:${page.pageSize},toString:function(){
			return "&pageNumber="+this.pageNumber+"&pageSize="+this.pageSize;
		}};
		var $page=$.${pageName};
		var $pageUl = $("[pageName=‘${pageName}‘]");
		//页面中有可能会使用多个分页显示，但是数据只能保存一个，讲多余的input删除掉，只保留一个
		$(".pageData",$pageUl).each(function(i){
			if(i!=0){
				$(this).remove();
			}
		});
		
		$("[pageNumber]",$pageUl).unbind( "click" );
		$("[pageNumber]",$pageUl).click(function(){
			$page.pageNumber = parseInt($(this).attr("pageNumber"));
			//如果当前填的数值大于总页数就设置为totalPage
			$page.pageNumber = $page.pageNumber>totalPage?totalPage:$page.pageNumber;
			$("#${pageName}_pageNumber").val($page.pageNumber);
			//调用回调函数，将分页数据传递给客户端处理
			${searchFn}();
		});
		
		//点击确认按钮的操作
		$(".pageGoTo",$pageUl).click(function(){
			checkPageNumber($(this).prev("input"));
			if($(this).prev("input").val()==‘‘)$(this).prev("input").val(‘${current}‘);
			$page.pageNumber = parseInt($(this).prev("input").val());
			//如果当前填的数值大于总页数就设置为totalPage
			$page.pageNumber = $page.pageNumber>totalPage?totalPage:$page.pageNumber;
			$("#${pageName}_pageNumber").val($page.pageNumber);
			${searchFn}();
		});
		
		//检查输入的pageNumber是否合法
		function checkPageNumber($input){
			//只能填数字
			var reg = new RegExp("^([1-9][0-9]*)$");  
			if(!reg.test($input.val())){
				$input.val("");
			}
		}
		
		$("[name=‘goPageNumber‘]",$pageUl).keyup(function(){
			checkPageNumber($(this));
		});
		$("a[pageNumber=‘${current}‘]",$pageUl).parent().addClass("active");
	});
</script>
<c:set var="pageFlag" scope="request" value="1"></c:set>
</c:when>
<c:otherwise>
<c:set var="pageFlag" scope="request" value=""></c:set>
</c:otherwise>
</c:choose>

public class Page<T> implements Serializable {
	/**
	 * @Fields serialVersionUID : TODO（序列化）
	 */
	private static final long serialVersionUID = -6302766548537865236L;

	//-- 公共变量 --//
	public static final String ASC = "asc";

	public static final String DESC = "desc";

	//-- 分页参数 --//
	//分页号，默认是1
	protected int pageNumber = 1;

	//分页数，默认是10
	protected int pageSize = 15;

	protected String orderBy = null;

	protected String order = null;

	protected boolean autoCount = true;

	//-- 返回结果 --//
	protected List<T> result;

	protected long totalCount = -1;

	//-- 构造函数 --//
	public Page() {
	}

	/**
	 * <p>Title: toString</p>
	 * <p>Description: </p>
	 * @return
	 * @see java.lang.Object#toString()
	 */
	@Override
	public String toString() {
		return "Page [pageNumber=" + pageNumber + ", pageSize=" + pageSize + "]";
	}

	public Page(int pageSize, int pageNumber) {
		this.pageSize = pageSize;
		this.pageNumber = pageNumber;
	}

	//-- 分页参数访问函数 --//
	/**
	 * 获得当前页的页号,序号从1开始,默认为1.
	 */
	public int getPageNumber() {
		return pageNumber;
	}

	/**
	 * 设置当前页的页号,序号从1开始,低于1时自动调整为1.
	 */
	public void setPageNumber(final int pageNo) {
		this.pageNumber = pageNo;

		if (pageNo < 1) {
			this.pageNumber = 1;
		}
	}

	/**
	 * 返回Page对象自身的setPageNo函数,可用于连续设置。
	 */
	public Page<T> pageNo(final int thePageNo) {
		setPageNumber(thePageNo);
		return this;
	}

	/**
	 * 获得每页的记录数量, 默认为-1.
	 */
	public int getPageSize() {
		return pageSize;
	}

	/**
	 * 设置每页的记录数量.
	 */
	public void setPageSize(final int pageSize) {
		this.pageSize = pageSize;
	}

	/**
	 * 返回Page对象自身的setPageSize函数,可用于连续设置。
	 */
	public Page<T> pageSize(final int thePageSize) {
		setPageSize(thePageSize);
		return this;
	}

	/**
	 * 根据pageNo和pageSize计算当前页第一条记录在总结果集中的位置,序号从1开始.
	 */
	public int getFirst() {
		return ((pageNumber - 1) * pageSize) + 1;
	}

	/**
	 * 获得排序字段,无默认值. 多个排序字段时用‘,‘分隔.
	 */
	public String getOrderBy() {
		return orderBy;
	}

	/**
	 * 设置排序字段,多个排序字段时用‘,‘分隔.
	 */
	public void setOrderBy(final String orderBy) {
		this.orderBy = orderBy;
	}

	/**
	 * 返回Page对象自身的setOrderBy函数,可用于连续设置。
	 */
	public Page<T> orderBy(final String theOrderBy) {
		setOrderBy(theOrderBy);
		return this;
	}

	/**
	 * 获得排序方向, 无默认值.
	 */
	public String getOrder() {
		return order;
	}

	/**
	 * 设置排序方式向.
	 * 
	 * @param order 可选值为desc或asc,多个排序字段时用‘,‘分隔.
	 */
	public void setOrder(final String order) {
		String lowcaseOrder = StringUtils.lowerCase(order);

		//检查order字符串的合法值
		String[] orders = StringUtils.split(lowcaseOrder, ‘,‘);
		for (String orderStr : orders) {
			if (!StringUtils.equals(DESC, orderStr) && !StringUtils.equals(ASC, orderStr)) {
				throw new IllegalArgumentException("排序方向" + orderStr + "不是合法值");
			}
		}

		this.order = lowcaseOrder;
	}

	/**
	 * 返回Page对象自身的setOrder函数,可用于连续设置。
	 */
	public Page<T> order(final String theOrder) {
		setOrder(theOrder);
		return this;
	}

	/**
	 * 是否已设置排序字段,无默认值.
	 */
	public boolean isOrderBySetted() {
		return (StringUtils.isNotBlank(orderBy) && StringUtils.isNotBlank(order));
	}

	/**
	 * 获得查询对象时是否先自动执行count查询获取总记录数, 默认为false.
	 */
	public boolean isAutoCount() {
		return autoCount;
	}

	/**
	 * 设置查询对象时是否自动先执行count查询获取总记录数.
	 */
	public void setAutoCount(final boolean autoCount) {
		this.autoCount = autoCount;
	}

	/**
	 * 返回Page对象自身的setAutoCount函数,可用于连续设置。
	 */
	public Page<T> autoCount(final boolean theAutoCount) {
		setAutoCount(theAutoCount);
		return this;
	}

	//-- 访问查询结果函数 --//

	/**
	 * 获得页内的记录列表.
	 */
	public List<T> getResult() {
		return result;
	}

	/**
	 * 设置页内的记录列表.
	 */
	public void setResult(final List<T> result) {
		this.result = result;
	}

	/**
	 * 获得总记录数, 默认值为-1.
	 */
	public long getTotalCount() {
		return totalCount;
	}

	/**
	 * 设置总记录数.
	 */
	public void setTotalCount(final long totalCount) {
		this.totalCount = totalCount;
	}

	/**
	 * 根据pageSize与totalCount计算总页数, 默认值为-1.
	 */
	public long getTotalPages() {
		if (totalCount < 0) {
			return -1;
		}

		long count = totalCount / pageSize;
		if (totalCount % pageSize > 0) {
			count++;
		}
		return count;
	}

	/**
	 * 是否还有下一页.
	 */
	public boolean isHasNext() {
		return (pageNumber + 1 <= getTotalPages());
	}

	/**
	 * 取得下页的页号, 序号从1开始.
	 * 当前页为尾页时仍返回尾页序号.
	 */
	public int getNextPage() {
		if (isHasNext()) {
			return pageNumber + 1;
		} else {
			return pageNumber;
		}
	     }
	/**
	 * 是否还有上一页.
	 */
	public boolean isHasPre() {
		return (pageNumber - 1 >= 1);
	}

	/**
	 * 取得上页的页号, 序号从1开始.
	 * 当前页为首页时返回首页序号.
	 */
	public int getPrePage() {
		if (isHasPre()) {
			return pageNumber - 1;
		} else {
			return pageNumber;
		}
	}
}