首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
其他好文
> 详细
laravel5.5中添加对分页样式的修改上一页和下一页
时间:
2018-05-26 00:00:15
阅读:
232
评论:
0
收藏:
0
[点我收藏+]
标签:
laravel
自定义分页
博客原文地址http://www.xiegaosheng.com/post/view?id=93; laravel自带的分页样式有点丑,laravel支持自定义样式的, 想把上一页和下一页显示成汉字而不是<<和>> 百度了一下都是去重写分页的函数render,于是打开了laravel分页的源码; render()和links()方法是支持传递视图的; 在views视图目录下创建common/pagination.blade.php文件;代码如下,只需要把laravel自带的default改一下 [php] view plain copy @if ($paginator->hasPages()) <ul class="pagination"> {{-- Previous Page Link --}} @if ($paginator->onFirstPage()) <li class="page-item disabled"><span class="page-link">第一页</span></li> @else <li class="page-item"><a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">上一页</a></li> @endif {{-- Pagination Elements --}} @foreach ($elements as $element) {{-- "Three Dots" Separator --}} @if (is_string($element)) <li class="page-item disabled"> <span class="page-link">{{ $element }}</span></li> @endif {{-- Array Of Links --}} @if (is_array($element)) @foreach ($element as $page => $url) @if ($page == $paginator->currentPage()) <li class="page-item active"> <span class="page-link">{{ $page }}</span></li> @else <li class="page-item"> <a class="page-link" href="{{ $url }}"> {{ $page }}</a></li> @endif @endforeach @endif @endforeach {{-- Next Page Link --}} @if ($paginator->hasMorePages()) <li class="page-item"><a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">下一页</a></li> @else <li class="page-item disabled"><span class="page-link">最后一页</span></li> @endif </ul> @endif 想要改成其他的样式只需要自己去写一些css就行; 然后在视图中调用 [php] view plain copy {{$lists->links('common.pagination')}} 效果如下图;
laravel5.5中添加对分页样式的修改上一页和下一页
标签:
laravel
自定义分页
原文地址:http://blog.51cto.com/11760810/2120453
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
分布式事务
2021-07-29
OpenStack云平台命令行登录账户
2021-07-29
getLastRowNum()与getLastCellNum()/getPhysicalNumberOfRows()与getPhysicalNumberOfCells()
2021-07-29
【K8s概念】CSI 卷克隆
2021-07-29
vue3.0使用ant-design-vue进行按需加载原来这么简单
2021-07-29
stack栈
2021-07-29
抽奖动画 - 大转盘抽奖
2021-07-29
PPT写作技巧
2021-07-29
003-核心技术-IO模型-NIO-基于NIO群聊示例
2021-07-29
Bootstrap组件2
2021-07-29
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!