Panduan persediaan CDN penomboran untuk enjin templat ejs.

Untuk melaksanakan penomboran dalam enjin templat ejs, ikut langkah ini.

Langkah 1: Sertakan CDN Penomboran
Tambahkan skrip berikut di bahagian bawah fail EJS anda:

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

Langkah 2: Tambahkan Kawalan Penomboran pada Templat Anda
Tambahkan kod berikut di mana anda mahu butang penomboran muncul:

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

Kod di atas menyediakan antara muka untuk penomboran. Pastikan anda menjajarkan dan menggayakan kandungan dengan betul mengikut reka bentuk aplikasi anda.

Langkah 3: Pasang dan sediakan pakej npm paginationx untuk nodej. Ikuti panduan ini

Atas ialah kandungan terperinci Panduan persediaan CDN penomboran untuk enjin templat ejs.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!