• 不算今天还有2天就放假了.
  • 一切随缘,随波逐流.
  • 我的天啊,手欠把写了两天的项目删除了,回收站都没有!真是一干二净!心态爆炸!
  • 如果您需要随机数,请使用 random_int(). 如果需要随机字节字符串,请使用 random_bytes(). 所以不要使用 mt_rand(), rand(), 或 uniqid() .
  • 五一过去的真快
  • 哇塞!新浪图床GG了啊…
  • 空洞,迷茫.
  • 项目期了!好无聊啊!
  • 后来,我们学会了如何去爱.可惜…
  • 今天没吃药,感觉自己萌萌哒

ThinkPHP5默认分页样式修改为Layerui的分页样式

PHP KIENG 4周前 (07-26) 12378次浏览 已收录 1个吐槽 扫描二维码

ThinkPHP5 默认分页样式修改为 Layerui 的分页样式

thinkPHP5 默认的分页样式是 bootstrap 的,到 layerui 里就错版了.

记录一下代码.以备不时之需.

extend新建一个Layui文件夹
然后新建个Layui.php的文件
代码代码如下

<?php

namespace layui;

use think\Paginator;

class Layui extends Paginator {
	protected $uri;
	/**
	 * 上一页按钮
	 * @param string $text
	 * @return string
	 */
	protected function getPreviousButton($text = "上一页") {

		if ($this->currentPage() <= 1) {
			return $this->getDisabledTextWrapper($text);
		}

		$url = $this->url(
			$this->currentPage() - 1
		);

		return $this->getPageLinkWrapper($url, $text);
	}

	/**
	 * 下一页按钮
	 * @param string $text
	 * @return string
	 */
	protected function getNextButton($text = '下一页') {
		if (!$this->hasMore) {
			return $this->getDisabledTextWrapper($text);
		}

		$url = $this->url($this->currentPage() + 1);

		return $this->getPageLinkWrapper($url, $text);
	}

	/**
	 * 页码按钮
	 * @return string
	 */
	protected function getLinks() {
		if ($this->simple) {
			return '';
		}

		$block = [
			'first' => null,
			'slider' => null,
			'last' => null,
		];

		$side = 3;
		$window = $side * 2;

		if ($this->lastPage < $window + 6) {
			$block['first'] = $this->getUrlRange(1, $this->lastPage);
		} elseif ($this->currentPage <= $window) {
			$block['first'] = $this->getUrlRange(1, $window + 2);
			$block['last'] = $this->getUrlRange($this->lastPage - 1, $this->lastPage);
		} elseif ($this->currentPage > ($this->lastPage - $window)) {
			$block['first'] = $this->getUrlRange(1, 2);
			$block['last'] = $this->getUrlRange($this->lastPage - ($window + 2), $this->lastPage);
		} else {
			$block['first'] = $this->getUrlRange(1, 2);
			$block['slider'] = $this->getUrlRange($this->currentPage - $side, $this->currentPage + $side);
			$block['last'] = $this->getUrlRange($this->lastPage - 1, $this->lastPage);
		}

		$html = '';

		if (is_array($block['first'])) {
			$html .= $this->getUrlLinks($block['first']);
		}

		if (is_array($block['slider'])) {
			$html .= $this->getDots();
			$html .= $this->getUrlLinks($block['slider']);
		}

		if (is_array($block['last'])) {
			$html .= $this->getDots();
			$html .= $this->getUrlLinks($block['last']);
		}

		return $html;
	}

	/**
	 * 渲染分页 html
	 * @return mixed
	 */
	public function render() {
		if ($this->hasPages()) {
			if ($this->simple) {
				return sprintf(
					'<ul class="pager">%s %s</ul>',
					$this->getPreviousButton(),
					$this->getNextButton()
				);
			} else {
				return sprintf(
					'<div class="layui-laypage">%s %s %s %s %s</div>',
					$this->getTotal($this->total),
					$this->getPreviousButton(),
					$this->getLinks(),
					$this->getNextButton(),
					$this->goPage()
				);
			}
		}
	}

	/**
	 * 生成一个可点击的按钮
	 *
	 * @param  string $url
	 * @param  int    $page
	 * @return string
	 */
	protected function getAvailablePageWrapper($url, $page) {
		return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
	}

	/**
	 * 生成一个禁用的按钮
	 *
	 * @param  string $text
	 * @return string
	 */
	protected function getDisabledTextWrapper($text) {
		return '<a class="layui-laypage-prev layui-disabled" >' . $text . '</a>';
	}

	/**
	 * 生成一个激活的按钮
	 *
	 * @param  string $text
	 * @return string
	 */
	protected function getActivePageWrapper($text) {
		return '<span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>' . $text . '</em></span>';
	}

	/**
	 * 生成省略号按钮
	 *
	 * @return string
	 */
	protected function getDots() {
		return $this->getDisabledTextWrapper('...');
	}

	/**
	 * 批量生成页码按钮.
	 *
	 * @param  array $urls
	 * @return string
	 */
	protected function getUrlLinks(array $urls) {
		$html = '';

		foreach ($urls as $page => $url) {
			$html .= $this->getPageLinkWrapper($url, $page);
		}

		return $html;
	}

	/**
	 * 生成普通页码按钮
	 *
	 * @param  string $url
	 * @param  int    $page
	 * @return string
	 */
	protected function getPageLinkWrapper($url, $page) {
		if ($page == $this->currentPage()) {
			return $this->getActivePageWrapper($page);
		}

		return $this->getAvailablePageWrapper($url, $page);
	}

	/**
	 *  生成总条数
	 * @param $num
	 * @return string
	 */
	protected function getTotal($num) {
		return '<span class="layui-laypage-count">共' . $num . '条</span>';
	}

	/**
	 * 跳转
	 * @return string
	 */
	protected function goPage() {

		$this->getUri();
		return '<span class="layui-laypage-skip">到第<input type="text" min="1" value="1" οnkeydοwn="javascript:if(event.keyCode==13){var page=(this.value>' . $this->lastPage . ')?' . $this->lastPage . ':this.value;location=\'' . $this->uri . 'page=\'+page+\'\'}" class="layui-input" ><button type="button" class="layui-laypage-btn" οnclick="javascript:var page =(this.previousSibling.value > ' . $this->lastPage . ') ? ' . $this->lastPage . ': this.previousSibling.value;location=\'' . $this->uri . 'page=\'+page+\'\'">确定</button></span>';
	}

	/**
	 * 获取 url
	 */
	private function getUri() {
		$url = $_SERVER["REQUEST_URI"] . (strpos($_SERVER["REQUEST_URI"], '?') ? '' : "?");
		$parse = parse_url($url);

		if (isset($parse["query"])) {
			parse_str($parse['query'], $params);
			unset($params["page"]);
			$url = $parse['path'] . '?' . http_build_query($params) . '&';
		} else {
			$url = $parse['path'] . '?';
		}

		$this->uri = $url;

	}
}

然后到config.php
ThinkPHP5 默认分页样式修改为 Layerui 的分页样式

完成样式:

ThinkPHP5 默认分页样式修改为 Layerui 的分页样式


KIENG , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA 4.0协议进行授权
转载请注明原文链接:ThinkPHP5 默认分页样式修改为 Layerui 的分页样式
本文章链接:https://blog.kieng.cn/1211.html
喜欢 (0)
KIENG
关于作者:
一个热衷网络的Man
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 快速获取昵称
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 非技术的路过。
    repostone2019-07-26 16:02 回复 Windows 8.1 | Chrome 63.0.3239.132