Wie paginiere ich Daten per Bootstrap-Paginierung? - javascript, node.js, twitter-Bootstrap, Mungo, Paginierung

Derzeit möchte ich alle Daten paginieren, die von mongoose erfolgreich gefunden wurden.

Beispielsweise

route.js

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

Angenommen, ich habe alle Daten erfolgreich gefunden.

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>

Wie verwende ich die Bootstrap-Paginierung, um die Daten zu paginieren?

Antworten:

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

versuche so etwas

Paginierungscode kommt im Frontend, Sie müssen einen Link für die nächste Seite in HTML ein Href-Tag angeben. Sie können sich beziehen Bootstrap Pagination Tutorial zur Bootstrap-Paginierung im Detail.