zoukankan      html  css  js  c++  java
  • tp5的 LayUI分页样式实现

    1.先配置你的分页参数:

    //分页配置

        'paginate'      => [

            'type'      => 'Layui',

            'var_page'  => 'page',

            'list_rows' => 15,

            'newstyle'  => true,

        ],

     

    2. 下载文件(Layui.php),并复制到 hinkphplibrary hinkpaginatordriver

    3. 模板文件里正常使用分页即可

    PHP:

    // 获取分页显示
    $page = $inquiry_list->render();
    // 模板变量赋值
    $this->assign('list', $inquiry_list);
    $this->assign('page', $page);

    HTML:
    <div class="layui-box layui-laypage layui-laypage-default">{$page}</div>




     分页源码:Layui.php

    <?php
    namespace thinkpaginatordriver;

    use thinkPaginator;

    class Layui extends Paginator
    {

    /**
    * 上一页按钮
    * @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(
    '%s %s %s',
    $this->getPreviousButton(),
    $this->getLinks(),
    $this->getNextButton()
    );
    }
    }
    }

    /**
    * 生成一个可点击的按钮
    *
    * @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" >' . $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);
    }
    }

  • 相关阅读:
    wamp的安装
    原型模式(clone模式)
    观察者模式observer(用于不同类的中 板块的显示或其它操作)
    数据对象映射模式(通过工厂模式和注册树模式)v2
    数据对象映射模式(及对象的相关属性和数据库表中的字段一一对应)
    策略模式根据不同的性别给出不同的推荐
    适配器模式(数据库方面)支持不同的数据库连接
    php的三种设计模式
    UnexpectedRollbackException: Transaction rolled back because it has been marked as rollback-only解决办法
    SQL语句如何在同一个表内复制一条记录
  • 原文地址:https://www.cnblogs.com/feixiablog/p/8946650.html
Copyright © 2011-2022 走看看