史上最简单的实现nodeJs分页功能!有手就行!

用nodeJS实现最简单的分页功能

最近在学习nodeJs,用nodeJs做了一个超级无敌简单的电影列表分页功能,有手就行!!!
在这里插入图片描述
该分页功能的原理是通过a标签的点击,将当前页数pagenum通过url一起传送到后端,在路由配置时接收到前端传送过来的pagenum。这里我是用get方法请求的。

首先看一下路由配置的代码:

router.get('/list',(req,res,next)=>{
    // res.send('list');
   var pagenum = req.query.pagenum ? req.query.pagenum : 1;
//    console.log(pagenum);
    MovieModel.find().sort({_id : -1}).then((infos)=>{
        res.render('list',{
            movieList : infos,
            pagenum:pagenum,
            page:Math.ceil(infos.length / 4)
        });
    });
});

接下来是ejs的代码:

   <div id="movielist">
        <ul id="list">
            <% for(var i = 4 * (pagenum - 1);i < (pagenum * 4 > movieList.length ? movieList.length : pagenum * 4);i++){ %>
                 <li>
                     <div>
                         <img src="<%= movieList[i].movieurl%>">
                     </div>
                     <p><a href="/detail/<%= movieList[i]._id%>"><%= movieList[i].moviename %></a><span></p>
                 </li>
            <% } %>
             </ul>
             <ul id="pagebtn">
                <% for(var i =0;i<page;i++){ %>
                     <li class="page">
                         <a href="/list?pagenum=<%= i+1%>"><%= i+1%></a>
                     </li>
                <% } %>
             </ul>
    </div>

这里就可以看到pagenum和url一起传入后端!!点击不同a标签的时候就可以改变pagenum的值啦!!
在这里插入图片描述

以上就是我的方法,希望可以帮助到大家!!!

  • 9
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值