卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章77429本站已运行442

ejs模板引擎分页CDN设置指南

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>
                
                <li class="page-item pagenationBtn" data-page-no="&lt;%= i %&gt;"><a class="page-link text-black"></a></li>
                
                <li class="page-item" total-pages="&lt;%= totalPages %&gt;" id="nxtBtn"><a class="page-link text-black" href="#">Next</a></li>
              </ul></nav>
</div>

上面的代码提供了分页的接口。确保根据应用程序的设计正确对齐和设置内容样式。

第3步:为nodejs安装并设置paginationx npm包。请遵循本指南

卓越飞翔博客
上一篇: 日间用 JavaScript 破解数字和数学
下一篇: 返回列表
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏