前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >laravel实现分页样式替换示例代码(增加首、尾页)

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

作者头像
用户2323866
修改2021-07-08 14:17:57
6010
修改2021-07-08 14:17:57
举报
文章被收录于专栏:技术派

前言 本文主要给大家介绍了关于laravel分页样式替换的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 方法如下: 一、自定义一个类(代码如下),位置随你放,注意命名空间。

二、模板输出调用 {!! $data->render(new \App\Http\Controllers\ShmilyThreePresenter($data)) !!}

最终样式

实现代码

<?php

//创建继承自 IlluminatePaginationBootstrapThreePresenter 类,这里我把类放在了Controllers下面,需要修改BootstrapThreePresenter 类的哪些方法就重写哪个方法。如果觉得默认的bootstrap样式和你项目的样式不符,可以自定义样式。 namespace AppHttpControllers; use IlluminateContractsPaginationPaginator as PaginatorContract; use IlluminateContractsPaginationPresenter as PresenterContract;

class ShmilyThreePresenter extends IlluminatePaginationBootstrapThreePresenter { /**

  • Convert the URL window into Bootstrap HTML. *
  • @return string */

public function render() { if ($this->hasPages()) { return sprintf( '<ul >%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 ><span>'.$text.'</span></li>'; }

/**

  • Get HTML wrapper for active text. *
  • @param string $text
  • @return string */

protected function getActivePageWrapper($text) { return '<li ><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-&gt;getDisabledTextWrapper($text); } $url = $this->paginator->url(1);

return $this-&gt;getPageLinkWrapper($url, $text, 'first'); }

/**

  • Get the next page pagination elemen/【尽量使用一键安装脚本,要么自己做,要么网上下载或使用我博客的,把时间用在更多的地方,少做重复劳动的事情】/t. *
  • @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-&gt;getPageLinkWrapper($url, $text, 'last'); }

}

以上就是这篇文章的全部内容了

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档