JSP分页显示如何实现

时间:2016.05.02 发布人:huanmichel1

JSP分页显示如何实现

已解决问题

谷歌huanmichel1用户在2016.05.02提交了关于“夏朗JSP分页显示如何实现”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2024-12-06T05:08:51。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,感谢你,我会记得你对我的好的 !

希望以下的回答,能够帮助你。

第1个回答

用户名:qiyuj问答ia0618  

1、m回式黑值安期段拿帮存ysql的limit关键字(DAO)

  select*fromtablenamelimitstartPoint,**mberPerPage;

  tablenam名易普显双志旧e就是要分页显示的那张表的名称;

  startPoint就是起始的位置-1;

  **mb值但秋科值离这erPerPage就敌举美宁服兴由胞是一页显示的条数。

巴须垂换诉  例如:select*fromcommentlimi况兰文龙信温t20,5;

  则记句章测妈常掉虽呢是从comment表中抽取21~25号评论:

  


  2、jQueryload函数(页面JS)

  MySQL的limit关键字可以完成抽取一定范围(n,n+m]的记录,也就是说需要两个参数来决定某一页显示的内容,即“第x页”以及每页显示的个数。

  每页显示的个数可以在程序中设定,也可以由用户设定。但,“第x页”这个参数一任解布印百蛋哪由住定是用户给出的。当用户点击页数、下一页/上一页按钮或跳转至某页时,需要将这个“第x页”参数传送给服务器引湖的,以便进行记录的抽取。

  f波调参呼红套己发茶做unctiongoToPage(page){

  $('body').load("***.do?page="+page);

错婷烧阳代立评九氧  }

  或宅两个参数都由用户指定的话,函数可以写成:

  functiongoToPage(page,**mberPerPage){

  $('body').load("***.do?page="+page+"&npp="+爱次鸡微微点**mberPerPage)载养何委态想井;

  }

  3、servlet接收参数并组织内容(servlet文件)

  servlet通过接受jsp页面传来的request对象中的page和npp参数来获悉用户希望浏览第X页,以及一页显示多少条记录。

  intpage=Integer.parseInt(req.g执兴富八味至能益etParameter("page"));

  4、servlet计算显示的页数列表

  一般一次显示10页左右,也就是假如现在在第52页,那么可选的页数列表就是50、51、52。。。直到60.

  计算的方法是,假设现在处于x页,那么起始值为x/10*10,前提是x>10。写成代法码就是:

  intstart=1;

  if(page>=米终挥银所神采养10){

  start=page/10*10;

  }

  有两个特殊情况:

  ①总**元策经良比精凯美的页数不足10个

  ②页数不是10的整倍数

  这样会出现页数列表小于10的情况,也很容易处理,加if条件判断一下就好了。大致的代码如下:

 信 inttotal=**.getCommentCount();

  inttotalPage=total/itemsPerPage;

  if(total%itemsPerPage!=0){

  totalPage+=1;

  }

  Vector<Integer>pageArr=newVector<Integer>();

  intstart=1;

  if(page>=10){

  start=page/10*10;

  }

  int**m=start;

  while(!(**m>totalPage||**m>start+10)){

  pageArr.add(newInteger(**m));

  ++**m;

  }

  5、在jsp页面显示页数列表

  通过4我们得到了一个计算后的页数列表pageArr,该列表说明针对当前页,我们应该展现哪些页数让用户可以直接点击。在servlet中将刚才的pageArr列表放入response对象中,同时放入page(当前页数)以及totalPage(最大页数)以帮助我们做一些判断。

  <!--上一页按钮-->

  <divid="pageControl">

  <c:choose>

  <c:whentest="${page!=1}">

  <ahref="***.do?page=${page-1}"><inputtype="button"name="lastPage"value="上一页"/></a>

  </c:when>

  <c:otherwise>

  <inputtype="button"disabled="true"name="lastPage"value="上一页"/><!--为了要那个灰掉的button-->

  </c:otherwise>

  </c:choose>

  <!--页数列表-->

  <c:forEachitems="${pageList}"var="item">

  <c:choose>

  <c:whentest="${item==page}">

  <ahref="***.do?page=${item}"class="currentPage">${item}</a>

  </c:when>

  <c:otherwise>

  <ahref="***.do?page=${item}">${item}</a>

  </c:otherwise>

  </c:choose>

  </c:forEach>

  <!--下一页按钮-->

  <c:choose>

  <c:whentest="${page!=totalPages}">

  <ahref="***.do?page=${page+1}">

  <inputtype="button"name="nextPage"value="下一页"/>

  </a>

  </c:when>

  <c:otherwise>

  <inputtype="button"disabled=truename="nextPage"value="下一页"/><!--为了要那个灰掉的button-->

  </c:otherwise>

  </c:choose>

  <!--直接跳转-->

  **${totalPages}页-向<inputtype="text"id="jumpTo"/>页<inputtype="button"value="跳转"onclick="jumpTo(${totalPages})"/>

  </div>

  使用到的js函数

  functionjumpTo(maxPage){

  varpage=$("#jumpTo").val();

  if(page>maxPage||page<1){

  alert("对不起,无法到达该页")

  }else{

  $('body').load('***.do?page='+page);

  }

  }

  6、CSS增强效果

  为了凸显我们现在所在的页数,在上面的代码中我们特意做了判断:

  <c:whentest="${item==page}">

  <ahref="***.do?page=${item}"class="currentPage">${item}</a>

  </c:when>

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

  .currentPage{

  font-weight:bold;

  color:#ff9a00;

  }

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

  #jumpTo{

  width:20px;

  }

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

  


  7、改进

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

  #pageControla{

  text-decoration:none;

  }