Rumah > Artikel > Java > Java实现分页的前台页面和后台代码详细介绍

Java实现分页的前台页面和后台代码详细介绍

黄舟asal: 2018-05-26 10:12:032582semak imbas

这篇文章主要为大家详细介绍了Java实现分页的前台页面和后台代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Java分页展示的具体代码，供大家参考，具体内容如下

先上图吧，大致如图，也就提供个思路（ps：使用了SSH框架）

Java实现分页的前台页面和后台代码详细介绍

前台JSP页面

<%@ page language="java" contentType="text/html; charset=utf-8"
 pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>数据交易猫</title> 
 <script type="text/javascript"> 

 //1分页下，动态添加disable给分页按钮
 /*
 $(function(){
  var myPageId="#"+$("#hidCurrentPage").val();
  var myPageAId="#"+$("#hidCurrentPage").val()+" a";
  $(myPageAId).addClass(&#39;main-bgcolor&#39;);
  $(myPageAId).attr(&#39;href&#39;,&#39;javascript:void(0)&#39;)
  $(myPageId).addClass(&#39;disabled&#39;);
  $(myPageId).addClass(&#39;disabledControl&#39;);

 })
 */
 //
 $(function(){

 })
 //根据页数查询数据列表
 function queryRequirListByPage(i) {
  var pageNo=i;
  var sortValue=$(&#39;#hidSortValue&#39;).val();
  $.ajax({
   url:&#39;${pageContext.request.contextPath}/bid/reAction_queryRequirListByPage.action&#39;,
   type:&#39;POST&#39;,
   data:{
    sortValue:sortValue,
    pageNo:pageNo
   },
   success:function(datas){ 
    $(&#39;#requireContentp&#39;).html(datas);          
   },
   error:function(){
    alert("失败");
   },
   });
 }

 //根据下拉查询数据列表
 function selectPage(obj){
  var pageNo=obj.options[obj.selectedIndex].value;
  var sortValue=$(&#39;#hidSortValue&#39;).val();
  $.ajax({
   url:&#39;${pageContext.request.contextPath}/bid/reAction_queryRequirListByPage.action&#39;,
   type:&#39;POST&#39;,
   data:{
    sortValue:sortValue,
    pageNo:pageNo
   },
   success:function(datas){ 
    $(&#39;#requireContentp&#39;).html(datas);          
   },
   error:function(){
    alert("失败");
   },
   });
  }
 //根据下拉选择排序方式
 function selectSort(obj){
  var sortValue = obj.options[obj.selectedIndex].value;
  var pageNo =1;
  $.ajax({
   url:&#39;${pageContext.request.contextPath}/bid/reAction_queryRequirListByPage.action&#39;,
   type:&#39;POST&#39;,
   data:{sortValue:sortValue,
     pageNo:pageNo
    },
   success:function(datas){ 
    $(&#39;#requireContentp&#39;).html(datas);


   },
   error:function(){
    alert("失败");
   },
   });
  }

  $(document).ready(function(){
   var backSortValue=$(&#39;#backSortValue&#39;).val();
   console.log("backSortValue"+backSortValue)
   $("#category option").each(function(){
    var thisId=&#39;#&#39;+this.id;
    var thisValue=this.value;
    if(backSortValue==thisValue){
     $(thisId).attr(&#39;selected&#39;,&#39;selected&#39;);
    }
   });
  })
 </script> 
</head>
<body>

    <!-- 内容-->
    <p class="well">
    <!-- 标题-->
     <p class="box"><h3><span class="glyphicon glyphicon-list" ></span>需求列表</h3></p>
    <!-- 筛选条件--> 
     <p class="box">
      <p class="row">
       <p class="col-xs-12">        
         <span>筛选：按</span>
         <select id="category" name="category" onchange="selectSort(this)">
          <option id="categoryTime" value="publishDatetime">最新</option>
          <option id="categoryPrice" value="price">价格降序</option>
          <input id="backSortValue" type="hidden" value="${sortValue}">
         </select>
         <hr class="mrgZero mrgTopSma"/>
       </p>
      </p>
     </p>     
    <!-- 内容-->
      <input type="hidden" name="hidCurrentPage2" id="hidCurrentPage" value="${currentPage}">
      <input type="hidden" id="hidAllPage" value="${allPage}">
      <input type="hidden" id="hidSortValue" value="${sortValue}">
      <s:iterator value="#requiList">

      <p class="data-down-box">
       <p class="row">
        <p class="col-xs-12">
         <h4 class="ellipsis"><a href="${pageContext.request.contextPath}/bid/bidAction_queryById?id=${id}" 
         rel="external nofollow" onclick="reward()">${title}</a></h4>
        </p>                         
       </p>
       <p class="row mrgTopSma">
        <p class="col-xs-12 ">      
         <p class="data-provider padLeftBig sec-color ellipsis">悬赏积分：<span>${price}</span></p>
         <p class="data-intro padLeftBig ellipsis sec-color">需求描述：<span>${requirementDescription}</span></p>
        </p>    
       </p>
       <hr/>  
      </p>

      </s:iterator>
     <!-- 分页 -->
     <p id="rePagerp" class="rePagerp box">
      <nav>
       <ul class="pager">

        <!-- 判断当前页是否位1，如果不为1则显示上一页， --> 
        <s:if test="1 == #currentPage">  
        </s:if>
        <s:else>
        <li>  
         <a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" 
         rel="external nofollow" aria-label="Previous" onclick="queryRequirListByPage(${currentPage-1})">
         <span aria-hidden="true">«</span>
         </a>
        </li>  
        </s:else>

       <!-- 首页 -->        
       <li><a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" 
       rel="external nofollow" onclick="queryRequirListByPage(1)">首页</a></li>

       <li>
        <span><span class="main-color">${currentPage}</span>/ ${allPage}页</span>        
       </li>

       <!-- 尾页 -->        
       <li><a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" 
       rel="external nofollow" onclick="queryRequirListByPage(${allPage})">尾页</a></li>

       <!-- 判断当前页和总页数，小于则显示下一页， --> 
       <s:if test="#currentPage < #allPage">
        <li>
         <a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" 
         rel="external nofollow" aria-label="Next" onclick="queryRequirListByPage(${currentPage+1})">
         <span aria-hidden="true">»</span>
         </a>
        </li>
       </s:if>
       <li>
        <span class="skipPageSpan">跳转到第 
        <select onchange="selectPage(this)">
         <s:iterator var="lst" begin="1" end="#allPage" step="1">          
          <s:if test="%{#lst == #currentPage}">
           <option selected="selected" value="<s:property/>" ><s:property/></option>  
           </s:if>
           <s:else>
            <option value="<s:property/>" ><s:property/></option>
           </s:else>
         </s:iterator>                    
        </select>
         页
        </span>
        </li>

       </ul>
      </nav>

     </p>      


     </p>     

 <hr/>

</body>
</html>

action

 //查询需求列表
 public String queryRequirListByPage(){
  int pageSize=5;//每页记录
  String hql="select r from Requirement r where r.reStatus !=2 ";
  if(sortValue == null || sortValue.length() <= 0){
   hql=hql+"order by r.publishDatetime desc";
   ActionContext.getContext().put("sortValue", "publishDatetime"); //当前页码条件
   session.put("sessionReqSortValue","publishDatetime");
  }else{
  hql=hql+"order by r."+sortValue+" desc";
   ActionContext.getContext().put("sortValue", sortValue); //当前页码条件
   session.put("sessionReqSortValue",sortValue);
  }
  long icount=requirementService.countAllRe();//总记录数
  long allPage;//总页数
  //判断是否能整除，能则直接，不能则+1；
  if((icount%pageSize)==0){
   allPage=icount/pageSize;
  }
  else{
   allPage=(icount/pageSize)+1;
  }
  System.out.println("总记录："+icount+"；总页数："+allPage+"；当前页码："+pageNo);
  List<Requirement> requiList=requirementService.queryByPage(hql, pageNo, pageSize);
  ActionContext.getContext().put("requiList", requiList);//需求列表
  ActionContext.getContext().put("icount", icount);//总记录数
  ActionContext.getContext().put("allPage", allPage);//总页数
  ActionContext.getContext().put("currentPage", pageNo); //当前页码
  session.put("sessionCurrentPage", pageNo);
  return "requireContent";

 }

service

  public long countAllRe() {
  return requirementDao.countAllRe();
 }
  public List<T> queryByPage(String hql, int pageNo, int pageSize) {
  return requirementDao.queryByPage(hql, pageNo, pageSize);
 }

dao

 //这里可能会报错，就是直接查询数据列表（使用了SSH）
 public long countAll() {
  List<?> l = getSession().createQuery("select count(*) from "
    + clazz.getSimpleName()).list();
  if (l != null && l.size() == 1 )
  {
   return (Long)l.get(0);
  }
  return 0;
 }
 public List<T> queryByPage(String hql, int pageNo, int pageSize) {
  return getSession()
    .createQuery(hql)
    .setFirstResult((pageNo - 1) * pageSize)
    .setMaxResults(pageSize)
    .list();
 }

Atas ialah kandungan terperinci Java实现分页的前台页面和后台代码详细介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Java ssh

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：详解Java easyui树形表格TreeGrid的示例代码（图）Artikel seterusnya：详细介绍Java内存区域与内存溢出异常

Artikel berkaitan

Lihat lagi