node+express实现分页效果

本文实例为大家分享了node+express实现分页效果展示的具体代码，供大家参考，具体内容如下

效果如下

1、 index.js

在index.js 

//数据列表传前台+分页的实现
router.get('/admin', function(req, res, next) {
     var count = 0;
    var page = 0;
    var size = 5;
    //页码
    var pagenum = req.query.pagenum;
    var pagenum = pagenum?pagenum:1;
  mongo.connect(url1,function(err,database){
    database.collection("list",function(err,coll){ 
       //异步处理
     async.series([
      function(callback){
       coll.find({}).toArray(function(err,data){
        count = data.length;//数据条数
        
        //page = page<1? 1:page;
        page = Math.ceil(count/size);//总共的页数
        
        pagenum = pagenum<1?1:pagenum;//页码小于1；显示1
        pagenum = pagenum>page?page:pagenum;//页码大于总页数；显示总页数
        
        callback(null,'')
       })
       
      },function(callback){
       
       coll.find().sort({_id:-1}).limit(size).skip((pagenum-1)*size).toArray(function(err,data){
           callback(null,data)
       })
      }
     ],function(err,data){
             res.render('admin',{list:data[1],page:page,count:count,pagenum:pagenum,size:size,name:req.session.name})
             database.close()
      
     })
      // coll.find({}).toArray(function(err,data){       
      //   res.render('admin', {list:data});//前端admin页面可用直接list
      //   database.close()
      // })
    })
  })
});

2、所渲染的页面

    
 
      
          <% list.map(function(item,i){ %>
              
                <%- i+1 %>
                <%- item.name %>
                <%- item.nicheng %>
                <%- item.time %>
                 <%- item.pass %>
                 
                    

                    
                    编辑
                    
                    
                        删除
                     
                  
                 
                
                
                <% }) %> 
                      
             
 
    
              

                

                     第 <%-pagenum%> 页
                
               
               

                 

                   

                     «
                   
                 
                 <% if(page>5){%>
                     

                     1
                   
                   

                     2
                   
                   

                     ...
                   
                   

                     <%-page-1 %>
                   
                   

                     <%-page %>
                   
                   
                 
                 <% }else{%>
                 
                   <% for(let i = 0;i 
                     

                       
                       <%-i+1 %>
                     
                   <% } %> 
                 <% } %>
                 
                 
           

           »
           
           
       
>

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