本文實(shí)例講述了Laravel框架分頁實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:
Laravel使用的過程中,有些功能把前端頁面的表達(dá)“寫死了”,比如分頁的翻頁按鈕!
當(dāng)然你會(huì)說Laravel的Bootstrap樣式也很好看啊,但是實(shí)際項(xiàng)目中,翻頁按鈕常常需要滿足的客戶的需要,特別在開發(fā)一款支持手機(jī)適配的Web APP,更是需要使用自定義的樣式。
所以,學(xué)習(xí)一樣?xùn)|西不能一知半解,而是究其原理。
先來看看Laravel是怎么分頁的,生成分頁按鈕的代碼究竟寫在了哪里?
Laravel目錄\vendor\laravel\framework\src\Illuminate\Pagination下
先理一下類的繼承關(guān)系
PresenterContract(父類)
┗BootstrapThreePresenter(子類)-SimpleBootstrapThreePresenter
┗BootstrapFourPresenter(子類)-SimpleBootstrapFourPresenter
從作者對(duì)類的命名上看,必有區(qū)別,我們從代碼上研究
BootstrapThreePresenter.php和BootstrapFourPresenter.php主要區(qū)別在下列函數(shù)
BootstrapThreePresenter.php代碼:
/**
* 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="external nofollow" '.$rel.'>'.$page.'/a>/li>';
}
/**
* 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>';
}
BootstrapFourPresenter.php代碼:
/**
* 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 class="page-item">a class="page-link" href="'.htmlentities($url).'" rel="external nofollow" rel="external nofollow" '.$rel.'>'.$page.'/a>/li>';
}
/**
* Get HTML wrapper for disabled text.
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return 'li class="page-item disabled">a class="page-link">'.$text.'/a>/li>';
}
/**
* Get HTML wrapper for active text.
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return 'li class="page-item active">a class="page-link">'.$text.'/a>/li>';
}
我們發(fā)現(xiàn)最大的區(qū)別在ThreePresenter幾乎是“裸”HTML標(biāo)簽,而FourPresenter生成的是帶class的HTML標(biāo)簽。
無論是ThreePresenter還是FourPresenter,他們都有一個(gè)相同實(shí)現(xiàn)的render()函數(shù)
/**
* Convert the URL window into Bootstrap HTML.
*
* @return \Illuminate\Support\HtmlString
*/
public function render()
{
if ($this->hasPages()) {
return new HtmlString(sprintf(
'ul class="pagination">%s %s %s/ul>',
$this->getPreviousButton(),
$this->getLinks(),
$this->getNextButton()
));
}
return '';
}
細(xì)心的讀者已經(jīng)發(fā)覺,還有兩個(gè)繼承類,分別是SimpleThreePresenter和SimpleFourPresenter,既然是Simple(簡單),區(qū)別就在他們的render()函數(shù)
/**
* Convert the URL window into Bootstrap HTML.
*
* @return \Illuminate\Support\HtmlString
*/
public function render()
{
if ($this->hasPages()) {
return new HtmlString(sprintf(
'ul class="pager">%s %s/ul>',
$this->getPreviousButton(),
$this->getNextButton()
));
}
return '';
}
也就是說,SimpleThreePresenter和SimpleFourPresenter生成的分頁按鈕是沒有“頁碼”的,只有“上一頁”和“下一頁”按鈕。
更多關(guān)于Laravel相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Laravel框架入門與進(jìn)階教程》、《php優(yōu)秀開發(fā)框架總結(jié)》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門教程》、《php+mysql數(shù)據(jù)庫操作入門教程》及《php常見數(shù)據(jù)庫操作技巧匯總》
希望本文所述對(duì)大家基于Laravel框架的PHP程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:- laravel自定義分頁效果
- Laravel實(shí)現(xiàn)搜索的時(shí)候分頁并攜帶參數(shù)
- 在Laravel中實(shí)現(xiàn)使用AJAX動(dòng)態(tài)刷新部分頁面
- Laravel框架實(shí)現(xiàn)超簡單的分頁效果示例
- Laravel框架搜索分頁功能示例
- Laravel框架執(zhí)行原生SQL語句及使用paginate分頁的方法
- laravel手動(dòng)創(chuàng)建數(shù)組分頁的實(shí)現(xiàn)代碼
- Laravel5.5 手動(dòng)分頁和自定義分頁樣式的簡單實(shí)現(xiàn)