如何使用Node，Mongoose，Bootstrap进行分页并将其传递给html？

我正在用NodeJS创build一个博客，我正在使用“Mongoose Paginate”将数据库分为页面，Bootstrap 4，EJS作为视图引擎和JQuery分页插件 。 我不知道如何真正将分页传递给HTML，我挣扎了一个星期，但我找不到解决scheme; 我希望html中的graphics数字1,2,3,4,5可以dynamic链接到相应的页面，编号1到www.site/page/1等等，同时显示例如只有5个可点击的数字在这个时候，但是数字应该随着用户点击更高的数字而graphics地增加。 先谢谢你。

APP.JS

app.get('/page/:page', (req, res) => { var pagina = req.params.page; Blog.paginate({}, {page: pagina, limit: 5}).then((docs) => { //console.log(docs) res.render('page.ejs', docs) }, (e) => { res.status(404) }); }); 

的script.js

 $(document).ready(function () { $('#pagination-demo').twbsPagination({ totalPages: 10, visiblePages: 5, href: true, onPageClick: function (event, page) { $('#page-content').text('Page ' + page); } }); }); 

Page.ejs

 <nav aria-label="..."> <ul id="pagination-demo" class="pagination"> <li class="page-item"><a class="page-link" href="#">Previous</a</li> <% for(var i = 1; i <= pages ; i++) {%> <li class="page-item"><a href="/page/<%=i%>"><%=i%></a></li> <% } %> <li class="page-item"><a class="page-link" href="#">Next</a></li> </ul> </nav> 

Answer 1

这里是ES6的伪代码：

 $(".page-link").click(() => { let currentPage = +(location.pathname.replace(/\/page\/(\d+)\b/, "$1")), lastPage = currentPage - 1, nextPage = currentPage + 1, visible = 5, max = 10; // the rest of the code goes here });