laravel框架实现分页效果

最新推荐文章于 2024-07-17 11:11:26 发布

Web_front

最新推荐文章于 2024-07-17 11:11:26 发布

阅读量941

点赞数 2

分类专栏： Laravel框架文章标签： laravel框架实现分页效果

本文链接：https://blog.csdn.net/Web_front/article/details/103518534

版权

本文详细介绍了如何在laravel框架中实现分页效果。在`index.html`中，通过渲染页码、设置单击事件和分页显示效果来实现前端交互。而在`PostController.php`中，主要涉及获取用户页码参数和计算总页数的逻辑，确保后端数据正确分页。

摘要由CSDN通过智能技术生成

一、index.html里的代码

1. 页码进行渲染

//渲染页码
function loadPage(pageCount){
    //清空原有的分页标签
    $('.pagination li').remove()
    //上一页
    var pre=`<li>
             <a href="#" aria-label="Previous">
                  <span aria-hidden="true">&laquo;</span>
             </a>
        </li>`
    $('.pagination').append(pre);

    for(var i=1;i<=pageCount;i++){
        if(i==page){
            var li=`<li class="active" data-page="${i}"><a href="#">${i}<span class="sr-only"></span></a></li>`;
        }else{
            var li=`<li data-page="${i}"><a href="javascript:void 0">${i}</a></li>`;
        }

        $('.pagination').append(li);