您好,登錄后才能下訂單哦!
這篇文章給大家介紹怎么在thinkPHP5.1框架中利用SemanticUI實現分頁,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
1、config目錄下新建paginate.php,下面是文件的內容
<?php //分頁配置 return [ 'type' => 'Semantic', 'var_page' => 'page', ];
2、thinkphp\library\think\paginator\driver\下新建Semantic.php,下面是文件的內容
<?php /** * Created by alic(AlicFeng) on 17-6-15 下午9:17 from PhpStorm. * Email is alic@samego.com */ namespace think\paginator\driver; use think\Paginator; class Semantic extends Paginator { private static $previousButtonHtml = '<i class="icon left arrow"></i>'; private static $nextButtonHtml = '<i class="icon right arrow"></i>'; /** * 上一頁按鈕 * @return string */ protected function getPreviousButton() { if ($this->currentPage() <= 1) { return $this->getDisabledTextWrapper(Semantic::$previousButtonHtml); } $url = $this->url( $this->currentPage() - 1 ); return $this->getPageLinkWrapper($url, Semantic::$previousButtonHtml); } /** * 下一頁按鈕 * @return string */ protected function getNextButton() { if (!$this->hasMore) { return $this->getDisabledTextWrapper(Semantic::$nextButtonHtml); } $url = $this->url($this->currentPage() + 1); return $this->getPageLinkWrapper($url, Semantic::$nextButtonHtml); } /** * 頁碼按鈕 * @return string */ protected function getLinks() { $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( '<div ><div class="ui pagination menu">%s %s</div></div>', $this->getPreviousButton(), $this->getNextButton() ); }else{ return sprintf( '<div ><div class="ui pagination menu">%s %s %s</div></div>', $this->getPreviousButton(), $this->getLinks(), $this->getNextButton() ); } } return null; } /** * 生成一個可點擊的按鈕 * * @param string $url * @param int $page * @return string */ protected function getAvailablePageWrapper($url, $page) { return '<a href="' . htmlentities($url) . '" rel="external nofollow" class="item">' . $page . '</a>'; } /** * 生成一個禁用的按鈕 * * @param string $text * @return string */ protected function getDisabledTextWrapper($text) { return '<a class="disabled item">' . $text . '</a>'; } /** * 生成一個激活的按鈕 * * @param string $text * @return string */ protected function getActivePageWrapper($text) { return '<a class="active item">' . $text . '</a>'; } /** * 生成省略號按鈕 * * @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); } }
關于怎么在thinkPHP5.1框架中利用SemanticUI實現分頁就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。