简单实现JSP分页显示效果

select * from tablename limit startPoint, numberPerPage;

function goToPage(page){

　　$('body').load("getComments.do" + page);

}

function goToPage(page, numberPerPage){

　　$('body').load("getComments.do" + page + "&npp=" + numberPerPage);

}

int page = Integer.parseInt(req.getParameter("page"));

int start = 1;
if(page >= 10){
　　start = page/10 * 10;
 }

int total = sm.getCommentCount();
int totalPage = total/itemsPerPage;
if(total % itemsPerPage != 0){
 totalPage += 1;
}
Vector<Integer> pageArr = new Vector<Integer>();
int start = 1;
if(page >= 10){
  start = page/10 * 10;
 }
int num = start;
while(!(num > totalPage || num > start + 10)){
  pageArr.add(new Integer(num));
 ++num;
}

<!-- 上一页 按钮 -->
<div id="pageControl">
<c:choose>
<c:when test="${page != 1}">
<a href="checkComments.do" rel="external nofollow" ><input type="button" name="lastPage" value="上一页" /></a>
</c:when>
<c:otherwise>
<input type="button" disabled="true" name="lastPage" value="上一页" /><!-- 为了要那个灰掉的button -->
</c:otherwise>
</c:choose>

<!-- 页数列表 -->
<c:forEach items="${pageList}" var="item">
<c:choose>
<c:when test="${item == page}">
<a href="checkComments.do" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="currentPage">${item}</a>
</c:when>
<c:otherwise>
<a href="checkComments.do" rel="external nofollow" rel="external nofollow" rel="external nofollow" >${item}</a>
</c:otherwise>
</c:choose>
</c:forEach>

<!-- 下一页 按钮 -->
<c:choose>
<c:when test="${page != totalPages}">
<a href="checkComments.do" rel="external nofollow" >
<input type="button" name="nextPage" value="下一页" />
</a>
</c:when>
<c:otherwise>
<input type="button" disabled=true name="nextPage" value="下一页" /><!-- 为了要那个灰掉的button -->
</c:otherwise>
</c:choose>

<!-- 直接跳转 -->
共${totalPages}页 -向<input type="text" id="jumpTo" />页 <input type="button" value="跳转" onclick="jumpTo(${totalPages})" />
</div>

function jumpTo(maxPage){
 var page = $("#jumpTo").val();
 if(page > maxPage || page < 1){
  alert("对不起，无法到达该页")
 }else{
  $('body').load('checkComments.do"htmlcode">

<c:when test="${item == page}">
<a href="checkComments.do" class="currentPage">${item}</a>
</c:when>



这样，当前的页数就会被标记为currentPage类，如此一来，就可以在CSS文件中着重强调它了。比如：


.currentPage{
 font-weight:bold;
 color:#ff9a00;
}



或者再设置以下跳转页输入框的宽度


#jumpTo{
width:20px;
}



这样，当前页的页面就会被标记为粗体、橘色：

7、改进
用a标签的方法做链接虽然比较方便，不过会有下划线出现，感觉很不洋气。可以用css把它消除掉，或者hover时候加一些变化什么的。


#pageControl a {
 text-decoration:none;
}




以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。