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>