Pagination CDN-Setup-Anleitung für die EJS-Vorlagen-Engine.

Um die Paginierung in der EJS-Vorlagen-Engine zu implementieren, befolgen Sie diese Schritte.

Schritt 1: Fügen Sie das Paginierungs-CDN hinzu
Fügen Sie das folgende Skript am Ende Ihrer EJS-Datei hinzu:

<script src="https://cdn.jsdelivr.net/gh/SujithVSuresh/pagination-cdn@master/pagination.js"></script>

Schritt 2: Fügen Sie Ihrer Vorlage Paginierungssteuerelemente hinzu
Fügen Sie den folgenden Code an der Stelle hinzu, an der die Paginierungsschaltflächen angezeigt werden sollen:

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

Der obige Code stellt die Schnittstelle für die Paginierung bereit. Stellen Sie sicher, dass Sie den Inhalt entsprechend dem Design Ihrer Anwendung richtig ausrichten und formatieren.

Schritt 3: Installieren und richten Sie das Paginationx-NPM-Paket für NodeJS ein. Folgen Sie dieser Anleitung

Das obige ist der detaillierte Inhalt vonPagination CDN-Setup-Anleitung für die EJS-Vorlagen-Engine.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!