如何使用bootstrap分页对数据进行分页?

时间:2015-12-23 10:38:10

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

目前我想做的是对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>

如何使用bootstrap分页对数据进行分页?

2 个答案:

答案 0 :(得分:0)

  <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>

尝试这样的事情

答案 1 :(得分:0)

分页代码将出现在前端,您需要在html标记中为html标记提供下一页的链接。您可以参考Bootstrap Pagination教程详细了解bootstrap分页。