Question

我正在使用NodeJS建立一个博客，我正在使用＆＃34; Mongoose Paginate＆＃34;将数据库划分为页面，Bootstrap 4，EJS作为视图引擎和JQuery Pagination Plugin。我不知道如何将分页实际传递给html，我挣扎了一个星期，但我无法找到解决方案;我希望html中的图形编号1,2,3,4,5能够动态链接到相应的页面，编号1到www.site/page/1，依此类推，例如只显示五个可点击的数字当时，但是当用户点击更高的数字时，数字应该以图形方式增加。提前谢谢。

APP.JS

＆＃13;

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)
 });
});

＆＃13;

的script.js

＆＃13;

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

＆＃13;

Page.ejs

＆＃13;

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

＆＃13;

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
});

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

1 个答案: