您的位置：首页 > Web前端 > CSS

laravel实现分页样式替换示例代码(增加首、尾页)

2017-09-22 08:33 981 查看

前言

本文主要给大家介绍了关于laravel分页样式替换的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

方法如下：

一、自定义一个类(代码如下)，位置随你放，注意命名空间。

二、模板输出调用

{!! $data->render(new \App\Http\Controllers\ShmilyThreePresenter($data)) !!}

最终样式

实现代码

<?php
//创建继承自 Illuminate\Pagination\BootstrapThreePresenter 类，这里我把类放在了Controllers下面，需要修改BootstrapThreePresenter 类的哪些方法就重写哪个方法。如果觉得默认的bootstrap样式和你项目的样式不符，可以自定义样式。
namespace App\Http\Controllers;
use Illuminate\Contracts\Pagination\Paginator as PaginatorContract;
use Illuminate\Contracts\Pagination\Presenter as PresenterContract;
class ShmilyThreePresenter extends \Illuminate\Pagination\BootstrapThreePresenter
{
/**
* Convert the URL window into Bootstrap HTML.
*
* @return string
*/
public function render()
{
if ($this->hasPages()) {
return sprintf(
'<ul class="am-pagination">%s %s %s %s %s</ul>',//自定义class样式
$this->firstPage(),//添加首页方法
$this->getPreviousButton('上一页'),
$this->getLinks(),
$this->getNextButton('下一页'),
$this->last()//添加尾页方法
);
}
return '';
}
/**
* Get HTML wrapper for an available page link.
*
* @param string $url
* @param int $page
* @param string|null $rel
* @return string
*/
protected function getAvailablePageWrapper($url, $page, $rel = null)
{
$rel = is_null($rel) ? '' : ' rel="'.$rel.'"';
return '<li><a href="'.htmlentities($url).'" rel="external nofollow" '.$rel.'>'.$page.'</a></li>';
//这里li标签可以添加你自己的class样式
}
/**
* Get HTML wrapper for disabled text.
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<li class="disabled"><span>'.$text.'</span></li>';
}
/**
* Get HTML wrapper for active text.
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<li class="active"><span>'.$text.'</span></li>';
}
/**
* Get the next page pagination element.
*
* @param string $text
* @return string
*/
//新建首页方法
public function firstPage($text = '首页')
{
// If the current page is greater than or equal to the last page, it means we
// can't go any further into the pages, as we're already on this last page
// that is available, so we will make it the "next" link style disabled.
if ($this->paginator->currentPage() <= 1) {
return $this->getDisabledTextWrapper($text);
}
$url = $this->paginator->url(1);
return $this->getPageLinkWrapper($url, $text, 'first');
}
/**
* Get the next page pagination element.
*
* @param string $text
* @return string
*/
//新建尾页方法
public function last($text = '尾页')
{
// If the current page is greater than or equal to the last page, it means we
// can't go any further into the pages, as we're already on this last page
// that is available, so we will make it the "next" link style disabled.
$url = $this->paginator->url($this->paginator->lastPage());
return $this->getPageLinkWrapper($url, $text, 'last');
}
}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： laravel 分页样式首尾页

相关文章推荐

新的分享

章节导航