Pour implémenter la pagination dans le moteur de modèles ejs, suivez ces étapes.
Étape 1 : Inclure le CDN de pagination
Ajoutez le script suivant au bas de votre fichier EJS :
<script src="https://cdn.jsdelivr.net/gh/SujithVSuresh/pagination-cdn@master/pagination.js"></script>
Étape 2 : ajoutez des contrôles de pagination à votre modèle
Ajoutez le code suivant à l'endroit où vous souhaitez que les boutons de pagination apparaissent :
<div class="d-flex justify-content-center"> <nav aria-label="Page navigation example"> <ul class="pagination"> <li class="page-item" id="prevBtn"><a class="page-link text-black" href="#">Previous</a></li> <% for(let i=1; i<= totalPages; i++){ %> <li class="page-item pagenationBtn" data-page-no="<%= i %>"><a class="page-link text-black"><%= i %></a></li> <% } %> <li class="page-item" total-pages="<%= totalPages %>" id="nxtBtn"><a class="page-link text-black" href="#">Next</a></li> </ul> </nav> </div>
Le code ci-dessus fournit l'interface pour la pagination. Assurez-vous d'aligner et de styliser correctement le contenu en fonction de la conception de votre application.
Étape 3 : Installez et configurez le package paginationx npm pour nodejs. Suivez ce guide
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!