如何使用引导分页对数据进行分页？答案

【问题标题】：How do I paginate data using bootstrap pagination?如何使用引导分页对数据进行分页？
【发布时间】：2016-03-29 18:37:05
【问题描述】：

目前我想做的是将mongoose成功找到的所有数据分页。

例如

route.js

app.get('/getProducts', function(req, res) {
   Product.find({}, function(err, products) {
       res.render('index');
   });
});

假设我已成功找到所有数据。

index.ejs

   <% for(var i=0; i < products.length; i++)  {%>
     <%= products[i].name %>
    <% } %>

    <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>

如何使用引导分页对数据进行分页？

【问题讨论】：

How to paginate with Mongoose in Node.js?的可能重复

标签： javascript node.js twitter-bootstrap mongoose pagination

【解决方案1】：

  <ul class="pagination">
    <li><a data-toggle="tab" href="#tab1">1</a></li>
    <li ><a data-toggle="tab" href="#tab2">2</a></li>
    <li><a data-toggle="tab" href="#tab3">3</a></li>
  </ul>
</div>
   <div id="tabcont" class="tab-content">
   <div id="tab1" class="tab-pane">name1</div>
   <div id="tab2" class="tab-pane">name2</div>
   <div id="tab3" class="tab-pane">name3</div>

</div>

试试这样的

【讨论】：

【解决方案2】：

分页代码将在前端提供，您需要在html a href 标记中提供下一页的链接。详细的bootstrap分页可以参考Bootstrap Pagination教程。

【讨论】：