分页获取最后一页和第一页 并无效或隐藏"前一页"与"后一页"问题

  近来在着手前端与后台联系的问题,感谢各路大神的回复与解答。

 

分页部分:

<div class="box-footer clearfix">
    <ul class="pagination pagination-sm no-margin pull-right">
        <li><a href="{{ $data->withQueryString()->previousPageUrl() }}"><</a></li>
        @for ($p = 1; $p <= ceil($data->total() / $data->perpage()); $p++)
            <li><a href="{{ $data->withQueryString()->url($p) }}">{{ $p }}</a></li>
        @endfor
        <li><a href="{{ $data->withQueryString()->nextPageUrl() }}">></a></li>
    </ul>
</div>

目前页面的显示是这样的.

想法是js入手

function ensure_page(){
    var current_url = window.location.href();


if (var current_url !== http://localhost:8000/student/student_index or $current_url !== http://localhost:8000/student/student_index?page=1

的时候, 隐藏或使"前一页无效

然后最后一页的时候与数据库中的数据量做数学公式得到。

 

不过在过程中依然存在许多问题,所以想请教老师们具体的一个实现方法,初学参考学习谢谢~!

 

}

  你的分页操作是会刷新页面附带page参数还是ajax无刷新加载?是的刷新页面附带page参数的话执行下面的js就能实现你需要的功能(需要导入jquery框架,如果已经有jquery框架,去掉给出的代码里面的jquery script)

<div class="box-footer clearfix">
    <ul class="pagination pagination-sm no-margin pull-right">
        <li><a href="{{ $data->withQueryString()->previousPageUrl() }}"><</a></li>
        @for ($p = 1; $p <= ceil($data->total() / $data->perpage()); $p++)
        <li><a href="{{ $data->withQueryString()->url($p) }}">{{ $p }}</a></li>
        @endfor
        <li><a href="{{ $data->withQueryString()->nextPageUrl() }}">></a></li>
    </ul>
</div>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(function () {
        var lis = $('.pagination-sm li'), totalpage = lis.length - 2;//总页数,减去第一和最后一个li
        //获取page参数值
        var page = /[\?&]page=(\d+)/i.exec(location.search);
        if (page) page = page[1];
        else page = 1;
        console.log(page)
        if (page <= 1) lis.eq(0).hide();//第一页隐藏上一页
        if (page >= totalpage) lis.last().hide();//最后一页隐藏下一页
    });
</script>
 

 

用分页功能没必要手写,样式也不好看,网上很多封装好的分页插件。如layui,简单方便上手快。

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps: 问答会员年卡【8折】购 ,限时加赠IT实体书,即可 享受50次 有问必答服务,了解详情>>>https://t.csdnimg.cn/RW5m