php 分页样式定制,Laravel自定义分页样式
Laravel 的分页组件默认为 Bootstrap 的分页样式,但如果我们用的并不是 Bootstrap 或者说分页的 HTML结构不一样,这时我们需要自定义分页。其实 Laravel 的分页组件是非常的灵活,可以通过几种方法去实现我们的需求。
我们可以从 Model 抽象类看到通过使用 Illuminate\Database\Query\Builder 可以查找出paginate 、simplePaginate的实现。然后直接查看 Illuminate\Pagination\BootstrapThreePaginater 可以查找到 render 方法。这方法就是输出 分页组件 默认的 html。
进一步,可以看到simplePaginate 通过 Illuminate\Pagination\SimpleBootstrapThreePaginater 继承 Illuminate\Pagination\BootstrapThreePaginater 并对 render 方法进行重写,由此可见,我们可以通过继承 BootstrapThreePaginater 类并对 render 方法进行重写,就可以自定义分页的样式了。
方法一:通过继承
方法二:通过视图
该方法主要通过利用 Laravel 提供的方法来实现,主要用到 currentPage()、url( $page )、lastPage()。
第一步
在需要调用分页的视图中引入 分页视图 ($data 所指的是分页数据,将它传去分页视图):
@include('pagination.default', ['paginator' => $data])
第二步
利用通过 第一步 传递过来的 $data , 如何去利用呢?
在 resources/views 目录下创建 pagination 目录,并创建一个视图default.blade.php 。添加一下代码:
@for ($i = 1; $i <= $paginator->lastPage(); $i++)
{{ $i }}
@endfor
$paginator->currentPage():获取当前页
$paginator->lastPage():获取尾页
$paginator->url($page):获取页码的URL
最后的效果:
自定义分页样式,可以通过以上方法实现,当然个人建议还是用 方法一 吧,因为方法二 跟写原生没什么区别。
php 分页样式定制,Laravel自定义分页样式相关推荐
- Laravel自定义分页样式
Laravel 的分页组件默认为 Bootstrap 的分页样式,但如果我们用的并不是 Bootstrap 或者说分页的 HTML结构不一样,这时我们需要自定义分页.其实 Laravel 的分页组件是 ...
- 滚动条样式设置_自定义滚动条样式
自定义滚动条样式,设置样式即可: /* 设置滚动条的样式 */ ::-webkit-scrollbar {width: 8px;height: 8px;background: transparent; ...
- mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页 简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
- 在springboot中使用PageHelper(mybatis的分页插件) 以及自定义分页
PageHelper是国内非常优秀的一款开源的mybatis分页插件,它支持基本主流与常用的数据库, 例如mysql. oracle.mariaDB. DB2. SQLite.Hsqldb等. 本项目 ...
- Laravel自定义分页样式 1
Laravel中提供非常简便的分页功能,只要在页面上使用<?php echo $order->render(); ?> 即可,但是自带的分页样式是在是不敢恭维.后来试着找了下源码,在 ...
- GridView分页的实现以及自定义分页样式功能实例
http://www.jb51.net/article/39677.htm GridView分页的实现 要在GridView中加入 //实现分页 AllowPaging="true" ...
- html css分页特效,js css自定义分页效果
网上看了好多分页插件都不太满意,所以根据网上的一些东西自己做了一个,可以搭配mvc和数据库 效果图片 先来css(样式不喜欢的话可以不用这个) .pagelist {padding:10px 0; t ...
- html编辑器不支持自定义样式,百度编辑器自定义按钮样式问题(写在cssRules不起做用)?...
UE.registerUI('dialog',function(editor,uiName){ //创建dialog var dialog = new UE.ui.Dialog({ //指定弹出层中页 ...
- div滚动条样式css3,CSS3自定义滚动条样式的示例详解
在前面一篇文章中,我们给大家介绍了CSS设置div滚动条样式,我们都知道当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义. ...
最新文章
- 细说JVM的数据类型、堆与栈
- 使用Eclipse进行Makefile项目
- c 开发服务器的性能,高性能网络编程(三):下一个10年,是时候考虑C10M并发问题了...
- html面板插件ui,jQuery布局插件UI Layout简介及使用方法
- Spring3中js/css/jpg/gif等静态资源无法找到(No mapping found for HTTP request with URI)问题解决(转)...
- python3九九乘法表儿歌_python3: 简单4步骤输出九九乘法表
- 【报告分享】清华大学126页PPT:2020-2021年元宇宙发展研究报告.pdf(附下载链接)...
- 库克回应乔纳森离职:不影响苹果继续创新
- 小技巧处理div内容溢出
- winscp自动执行脚本
- paip.提升性能---首页性能加快解决方案
- Javascript+PHP实现在线拍照功能
- python 恢复删除的文件_如何恢复已删除的python文件(一看就会的恢复软件)
- 模型评估方法【附python代码】(信息准则:赤池信息量准则AIC、贝叶斯信息准则BIC)
- onenote 无法正常使用的解决办法
- 不要和陌生人说话,消息中间件之 Topic
- 如何用CSS动画特效让图片旋转起来
- 美通企业周刊 | 爱立信已获100份5G商用合同;北京广东世界五百强数量领跑全国​...
- Linux 显示文件内行号显示
- ros-noetic安装教程
热门文章
- iOS 隐藏手机号码中间的四位数字
- 图神经网络 | (2) 图神经网络(Graph Neural Networks,GNN)综述
- 挑战杯课外学术科技作品竞赛如何冲入国赛
- 目标跟踪算法 - CMT、TLD、KCF现成代码编译
- (五)比赛中的CV算法(上)cv基础知识和opencv的api
- 苹果应用商店app_切勿更新!IOS最新观影APP上架苹果商店
- STM32 定时器 中断(内有PWM Mode、CH Ploarity解释)
- 第二届先导杯-在曙光超算平台编译cp2k
- 2019中国智能语音的发展历程、现状及前景分析
- Power Designer:正向构建数据库数据库逆向工程SQL生成数据库报表