ノード、マングース、ブートストラップでページ番号を付けてhtmlに渡すには？

Question

私はNodeJSでブログを構築しています。私は、データベースをページ、ブートストラップ4、ビューエンジンとしてEJS、そしてJQuery Pagination Pluginで分割するために "Mongoose Paginate"を使用しています。実際にHTMLにページ分割を渡す方法はわかりませんが、私は一週間苦労しましたが、解決策を見つけることができませんでした。私は、グラフ内の数字1,2,3,4,5を動的に対応するページ、数字1をwww.site/page/1に動的にリンクさせ、同時に5つのクリック可能な数字だけを表示したいユーザーが高い数値をクリックするにつれて数値がグラフィカルに増加するはずです。前もって感謝します。

は

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

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

をAPP.JS

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