ejs 範本引擎的分頁 CDN 設定指南。

要在 ejs 範本引擎中實現分頁，請依照下列步驟操作。

第 1 步：內含分頁 CDN
在 EJS 檔案底部新增以下腳本：

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

第 2 步：為範本新增分頁控制項
在您希望顯示分頁按鈕的位置新增以下程式碼：

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

上面的程式碼提供了分頁的介面。確保根據應用程式的設計正確對齊和設定內容樣式。

第3步：為nodejs安裝並設定paginationx npm套件。請遵循本指南

以上是ejs 範本引擎的分頁 CDN 設定指南。的詳細內容。更多資訊請關注PHP中文網其他相關文章！