MVC 多种分页的形式

JSP页面:

<table border="1" width="623" height="64">
		<tbody>
			<tr>
				<td> id</td>
				<td> name</td>
				<td> price</td>
				<td>remark <br>
				</td>
				<td>description<br>
				</td>
				<td> image</td>
			</tr>
		<c:forEach var="food" items="${list }">
			
			<tr>
				<td>${food.foodid }</td>
				<td>${food.foodname }</td>
				<td>${food.foodprice }</td>
				<td>${food.remark }</td>
				<td>${food.description }</td>
				<td>${food.foodimage }</td>
			</tr>
			
			</c:forEach>	
		</tbody>
		<tfoot>  
        <tr align="center">  
            <td colspan="6">  
                <jsp:include page="page_footer.jsp"></jsp:include>  
            </td>  
        </tr>  
    </tfoot>  
	</table>

分页页面

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	function goPage(id) {
		//跳转到servlet处理
		document.location.href = "pageList.do?pageIndex=" + id;
	}

	//输入数字
	function go(id) {
		var regexp = /^[1-9]\d*$/;
		var totalPage = ${pageInfo.pageToal};
		if (id == "") {
			alert("请输入跳转的页数!");
			return false;
		} else if (!regexp.test(id)) {
			alert("请输入正确的数字!");
			return false;
		} else if ((id - totalPage) > 0) {
			alert("总页码是" + totalPage + "页,请重新输入!");
			return false;
		} else {
			//跳转到servlet处理
			document.location.href = "pageList.do?pageIndex=" + id;
		}
	}
</script>
</head>

<body>
	第${pageInfo.currentPage}/${pageInfo.pageToal}页      
	<a href="pageList.do?pageIndex=1">首页</a>
	<c:if test="${pageInfo.currentPage>1}">
		<a href="pageList.do?pageIndex=${pageInfo.currentPage-1}">上一页</a>
	</c:if>
	转到第
	<select name="pageNumber" οnchange="goPage(this.value)">

		<c:forEach begin="1" end="${pageInfo.pageToal}" step="1"
			var="pageIndex">

			<!-- 判断是否是选择的当前页 -->
			<c:choose>
				<c:when test="${pageInfo.currentPage eq  pageIndex}">
					<option value=${pageIndex } selected="selected">${pageIndex
						}</option>
				</c:when>
				<c:otherwise>
					<option value=${pageIndex }>${pageIndex }</option>
				</c:otherwise>
			</c:choose>
		</c:forEach>
	</select>页

	<c:if test="${pageInfo.currentPage<pageInfo.pageToal}">
		<a href="pageList.do?pageIndex=${pageInfo.currentPage+1}">下一页</a>
	</c:if>
	<a href="pageList.do?pageIndex=${pageInfo.pageToal}">末页</a>  


	跳转至
	<input type="text" name="pageIndex" id="inputPage"
		value="${pageNumber}" style="width:35px;" οnblur="go($(this).val())" />页

</body>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值