近来在着手前端与后台联系的问题,感谢各路大神的回复与解答。
分页部分:
<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