ThinkPHP5.1에는 페이징 구현이 내장되어 있습니다. 데이터에 페이징 출력 기능을 추가하는 것은 매우 간단합니다. Db 클래스를 쿼리할 때 페이지 매김 메서드를 직접 호출할 수 있습니다. 이 기사에서는 thinkphp에서 페이징 스타일을 사용자 정의하는 방법을 소개합니다.
thinkphp5.1에는 매우 편리한 페이징 클래스가 있습니다. render 메서드를 사용하여 페이징 HTML 코드를 렌더링할 수 있습니다.
하지만 "<<"의 이전 페이지와 ">> " 때때로 페이지가 프로젝트의 변화하는 요구 사항을 충족할 수 없으며
홈 페이지, 이전 페이지, 1, 2, 3, ..., 7, 8 다음 페이지와 같이 페이징 표시를 직접 정의해야 합니다. , 마지막 페이지 ,
, 공식 매뉴얼에는 이에 대한 언급이 없습니다. 페이지 매김 스타일을 사용자 정의하기 위해 처음에는 단순히 페이징 HTML을 이전 페이지와 다음 페이지의 텍스트로 대체했습니다
나중에 정의할 수 있다는 것을 알았습니다. 이 요구 사항을 완료하려면 먼저 config 디렉터리에 페이지 지정을 만들어야 합니다.
<?php return [ 'type'=>'app\index\pager\gcudPager'//自己的分页类可以随便放,只要命名空间写对 ];
그런 다음 "프로젝트 디렉터리 thinkphplibrarythinkpaginatordriverBootstrap.php"를 원하는 위치에 복사하고 네임스페이스를 변경하고 유형을 변경합니다. 예를 들어 "프로젝트 디렉토리 applicationindexpagergcudPager.php"에 파일을 복사했는데 위의 유형도 이 경로에 해당하고 그러면 네임스페이스가 "appindexpager"로 변경되고 해당 클래스가 생성됩니다. 페이징 형식을 직접 정의할 수 있도록 이름을 gcudPager로 변경했습니다
홈페이지를 구현했습니다. 이전 페이지를 기반으로 코드를 복사하고 약간 수정합니다
/**首页按钮
* @param string $text
* @return string
*/
protected function GetFirstButton($text='首页'){
if ($this->currentPage() <= 1) {
return $this->getDisabledTextWrapper($text);
}
$url = $this->url(1);
return $this->getPageLinkWrapper($url, $text);
}로직은 매우 간단합니다. 현재 페이지 번호를 결정하고 수동으로 페이지 번호 변수를 1로 설정합니다. 같은 방법으로 다음 페이지의 코드를 복사하여 마지막 페이지로 변경할 수 있습니다
/**末页按钮
* @param string $text
* @return string
*/
protected function GetLastButton($text='末页'){
if (!$this->hasMore) {
return $this->getDisabledTextWrapper($text);
}
$url = $this->url($this->lastPage());
return $this->getPageLinkWrapper($url, $text);
}다른 이전 페이지와 다음 페이지는 텍스트도 변경한다는 의미입니다. 간단합니다. 렌더링 기능 부분에는 홈페이지와 마지막 페이지 버튼을 추가해야 합니다
/**
* 渲染分页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="page-captions">%s %s %s %s %s</div>',
$this->GetFirstButton(),
$this->getPreviousButton(),
$this->getLinks(),
$this->getNextButton(),
$this->GetLastButton()
);
}
}
}그렇습니다. 호출 부분을 전혀 변경할 필요가 없습니다. 마지막으로 전체 코드를 업로드하세요.
// +----------------------------------------------------------------------
namespace app\index\pager;
use think\Paginator;
class gcudPager extends Paginator
{
/**首页按钮
* @param string $text
* @return string
*/
protected function GetFirstButton($text='首页'){
if ($this->currentPage() <= 1) {
return $this->getDisabledTextWrapper($text);
}
$url = $this->url(1);
return $this->getPageLinkWrapper($url, $text);
}
/**
* 上一页按钮
* @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 GetLastButton($text='末页'){
if (!$this->hasMore) {
return $this->getDisabledTextWrapper($text);
}
$url = $this->url($this->lastPage());
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="page-captions">%s %s %s %s %s</div>',
$this->GetFirstButton(),
$this->getPreviousButton(),
$this->getLinks(),
$this->getNextButton(),
$this->GetLastButton()
);
}
}
}
/**
* 生成一个可点击的按钮
*
* @param string $url
* @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '' . $page . '';
}
/**
* 生成一个禁用的按钮
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '' . $text . '';
}
/**
* 生成一个激活的按钮
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '' . $text . '';
}
/**
* 生成省略号按钮
*
* @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 ($this->currentPage() == $page) {
return $this->getActivePageWrapper($page);
}
return $this->getAvailablePageWrapper($url, $page);
}
}추천 튜토리얼: thinkphp 튜토리얼
위 내용은 thinkphp 사용자 정의 페이징의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
