现在的位置: 首页 > 综合 > 正文

Springmvc 应用Mongodb分页实现 .

2014年09月05日 ⁄ 综合 ⁄ 共 11052字 ⁄ 字号 评论关闭

对于web应用来说分页显示数据是是最基本的功能,作为经常开发web应用的程序员来说这个功能也小菜一碟,但是对于初学者来说却是是个常见的问题,以前自学web开发的时候对这个问题也是各种google,整了半天才实现。

  现在手中的项目正好也需要一个分页的功能,这个项目用了spring mvc数据库用到了mongodb,自己就写了一个分页的标签供整个项目来使用,今天周六加完班闲着没事就把分页的实现写出来以便大家参考,不当之处欢迎批评指正。

1)分页:

一般都是把一次查询分几次查询来显示。用户每次点击页数(或者上一页下一页)的时候实际上一次查询请求。查询设定数据的条数返回并显示。

2)   mongodb分页用到的工具

     在查询的时候需要用到Query来保存用户的查询条件,该类有两个方法是实现分页功能的核心一个是skip(int),一个是limit(int)方法,其中limit用来限制每次查询的条数,也是每显示的条数。而skip是跳过当前页之前的所有页面的数据条数开始查询

3)分页关键点(所需的数据):

i)     每页显示的条数pageSize

ii)     当前的页数currentPage,而前面的skip方法传入的参数就是根据currentPage和pageSize来决定的,skip = (currentPage-1)*pageSize 

4)分页的具体实现

通过上面的分析,分页简单来说就是用户点击分页的时候提交一个关键数据(currentPage)到后台,后台根据currentPage来进行分页查询;至于上面的pageSize,

在后台设置一个变量来控制即可。

  下面是项目中的用来查询的基类:MongodbBaseDao<T>的部分代码

  1. //每页显示五条   
  2.     protected static final int PAGE_SIZE = 8;  
  3.     /** 
  4.      * 通过条件查询,查询分页结果  
  5.      */  
  6.     public Pagination<T> getPage(int currentPage, Query query) {  
  7.         //获取总条数   
  8.         long totalCount = this.mongoTemplate.count(query, this.getEntityClass());  
  9.         //总页数   
  10.         int totalPage = (int) (totalCount/PAGE_SIZE);  
  11.           
  12.         int skip = (currentPage-1)*PAGE_SIZE;  
  13.           
  14.         Pagination<T> page = new Pagination<T>(currentPage, totalPage, (int)totalCount);  
  15.         query.skip(skip);// skip相当于从那条记录开始
      
  16.         query.limit(PAGE_SIZE);// 从skip开始,取多少条记录
      
  17.           
  18.         List<T> datas = this.find(query);  
  19.           
  20.         page.build(datas);//获取数据    
      
  21.           
  22.         return page;  
  23.     }  

上面的代码中Pagination类保存了分页所需的必要的数据,比如当前页currentPage,总页数totalPage,总条数totalCount,当然还有数据集合List 用来保存页面所需的数据。另外getEntityClass()是T所对应的class对象(由子类来具体实现)。例如项目中有一个子类VideoMongodbDao

  1. @Service  
  2. public class VideoMongodbDao extends MongodbBaseDao<Video> {  
  3.   
  4.     @Override  
  5.     protected Class<Video> getEntityClass() {  
  6.         return Video.class;  
  7.     }  
  8. }  

分页数据封装类Pagination<T>,里面提供了分页的数据

  1. public class Pagination<T> {  
  2.   
  3.     /** 列表每页显示条数 */  
  4.     private Integer pageSize = 8;  
  5.   
  6.     /** 列表当前页 */  
  7.     private Integer currentPage = 1;  
  8.   
  9.     /** 列表总页数 */  
  10.     private Integer totalPage = 1;  
  11.   
  12.     /** 列表总数据量 */  
  13.     private Integer totalNumber = 0;  
  14.   
  15.     /** 数据集 */  
  16.     private List items;  
  17.   
  18.     public Integer getPageSize() {  
  19.   
  20.         return pageSize;  
  21.     }  

Pagination类还有一个重要的build方法,根据该类封装的数据来设定分了多少页,具体实现方法如下

  1. /** 
  2.      * 处理查询后的结果数据 
  3.      *  
  4.      * @param items 
  5.      *            查询结果集 
  6.      * @param count 
  7.      *            总数 
  8.      */  
  9.     public void build(List items) {  
  10.         this.setItems(items);  
  11.         int count =  this.getTotalNumber();  
  12.         int divisor = count / this.getPageSize();  
  13.         int remainder = count % this.getPageSize();  
  14.         this.setTotalPage(remainder == 0 ? divisor == 0 ? 1 : divisor : divisor + 1);  
  15.     }  

所以在对应的controller对应的方法中查询的时候,可以这么处理

  1. Query query = new Query();  
  2.         
  3.        Criteria channleIdCri = Criteria.where("channelId").is(channel_id);    
  4.        query.addCriteria(channleIdCri);    
  5.        //获取当前页   
  6.        String currentPageStr = request.getParameter("currentPage");  
  7.        int currentPage = 0;  
  8.        if (currentPageStr != null ){  
  9.         currentPage = Integer.valueOf(currentPageStr);  
  10.        }  
  11.   
  12.        Pagination<Video> videos = dao.getPage(currentPage, query);  
  13.        m.addAttribute("videos", videos);//from
      
  14.          

下面需要生成分页当行条,在这里用到了spring的标签来处理,对应的是标签类PaginationTag,该类封装了页面表单form对应的id,分页显示所需的数据,以及分页显示可点击的页面的长度。该类如下

  1. public class PaginationTag extends TagSupport {  
  2.     /** 列表页面的form标签id值 */  
  3.     private String form;  
  4.       
  5.     /** 与后台交互,保存在request中的 数据,该数据包含l */  
  6.     private String pageInfo;//request对应的bean包含了分页的一些数据
      
  7.       
  8.     /** 分页显示可点击页数的长度 */  
  9.     private int size;  
  10.       
  11.     public PaginationTag(){  
  12.         this.form = "form";  
  13.         this.size = 5;  
  14.     }  

生成的分页导航条的代码如下

  1. @Override  
  2.     public int doStartTag() throws JspException {  
  3.         int half = size / 2;  
  4.         int point = size / 2 + size % 2;  
  5.         int start = 1;  
  6.         int loop = size;          
  7.         Pagination query = (Pagination) this.pageContext.getRequest().getAttribute(pageInfo);     
  8.         int pageSize = query.getPageSize();  
  9.         int currentPage = query.getCurrentPage();  
  10.         int totalPage = query.getTotalPage();  
  11.         long totalNumber = query.getTotalNumber();        
  12.         if(totalPage <= size){  
  13.             start = 1;  
  14.             loop = totalPage;  
  15.         }else{  
  16.             if(currentPage > point && currentPage < totalPage - half + 1){  
  17.                 start = 1 + (currentPage - point);  
  18.             }else if(currentPage > totalPage - half){  
  19.                 start = totalPage - size + 1;  
  20.             }  
  21.         }  
  22.               
  23.         if(currentPage<=0){  
  24.             currentPage = 1;  
  25.         }  
  26.         StringBuilder sb = new StringBuilder();  
  27.         sb.append("<div class=\"box-ttl\"><div class=\"g4\">共 <span class=\"text-info\">");  
  28.         sb.append(totalNumber).append("</span> 条数据");  
  29.         sb.append("/共 <span class=\"text-info\">");  
  30.         if(totalNumber!=0){  
  31.             sb.append(totalPage).append("</span> 页!</div><div class=\"box collapsed g6 flt-r\"><ul class=\"nav-menu\">");  
  32.         }else{  
  33.             sb.append(0).append("</span> 页!</div><div class=\"box collapsed g6 flt-r\"><ul class=\"nav-menu\">");  
  34.         }         
  35.         // 处理上一页   
  36.         if(currentPage == 1){  
  37.             sb.append("<li class=\"disabled\"><a href=\"#\">上一页</a></li>");  
  38.         }else{  
  39.             sb.append("<li><a href=\"javascript:dopage(" + (currentPage - 1) + ",'" + form + "');\">上一页</a></li>");  
  40.         }         
  41.         // 处理中间数据   
  42.         for(int i = start; i < start + loop; i++){  
  43.             //<li class="active"><a href="#">1</a></li>
      
  44.             if(currentPage == i){  
  45.                 sb.append("<li class=\"active\"><a href=\"#\">" + i + "</a></li>");  
  46.             }else{  
  47.                 //<li><a href="#">2</a></li>
      
  48.                 sb.append("<li><a href=\"javascript:dopage(" + i + ",'" + form + "');\">" + i + "</a></li>");  
  49.             }  
  50.         }         
  51.         // 处理下一页   
  52.         if(currentPage == totalPage){  
  53.             sb.append("<li class=\"disabled\"><a href=\"#\">下一页</a></li>");  
  54.         }else{  
  55.             sb.append("<li><a href=\"javascript:dopage(" + (currentPage + 1) + ",'" + form + "');\">下一页</a></li>");  
  56.         }  
  57.                   
  58.         sb.append("</ul></div></div>");  
  59.   
  60.         sb.append("<input type=\"hidden\" id=\"currentPage\" name=\"currentPage\" value=\"" + currentPage + "\"/>");  
  61.           
  62.         try {  
  63.             pageContext.getOut().write(sb.toString());  
  64.         } catch (IOException e) {  
  65.             throw new JspException(e.toString(), e);  
  66.         }             
  67.         return super.doStartTag();  
  68.     }  

有上面的标签可以发现,每次点击页面页数的时候是用过js的dopage方法来实现的,该js方法根据form.submit()来提交信息查询信息(特别是currentPage数据)

js的代码如下

  1. function dopage(currentPage,formid){  
  2.     $("#currentPage").val(currentPage);  
  3.     $("#" + formid).submit();  
  4. }  

在jsp页面中只需要添加上述标签即可(标签类Pagination以及转换成tld文件了—)

  1. <div>  
  2.    <tv:pagination pageInfo="videos" form="video-form" size="5"></tv:pagination>   
  3. </div>  

更多

0
原文地址:http://blog.csdn.net/chunqiuwei/article/details/17188523

抱歉!评论已关闭.