집 > 기사 > 백엔드 개발 > Thinkphp와 Bootstrap을 결합하여 맞춤형 페이징 스타일 생성

Thinkphp와 Bootstrap을 결합하여 맞춤형 페이징 스타일 생성

不言원래의: 2018-06-09 14:10:451537검색

이 글에서는 Thinkphp와 Bootstrap을 결합하여 개인화된 페이징 스타일을 만드는 방법에 대한 관련 정보를 주로 소개합니다(권장). 매우 훌륭하고 참고할 만한 가치가 있습니다.

먼저 페이징에 대해 불평합시다. ThinkPHP 버전 3.1의 스타일입니다. 매우 단순하고 넉넉해 보이지만 모든 페이지 번호가 단순한 숫자를 사용하고 있으며, 그 사이의 간격이 상대적으로 작아서 "처음 5페이지"와 "마지막 5페이지"가 읽기 쉽지 않습니다. 현재 표시된 첫 번째 페이지에서 "이전 페이지" 버튼을 클릭하면 처음 5페이지가 자동으로 표시되기 때문에 약간 중복되는 것 같습니다.

3.1의 페이징 효과는 다음과 같습니다.

위의 불만족스러운 상황과 최근 ThinkPHP5 학습을 고려하여 ThinkPHP5는 Thinkphp5에서 BootStrap 페이징 스타일을 완벽하게 지원합니다. 컨트롤러에서 페이징 기능을 사용하면 자연스럽게 BootStrap 스타일에 따라 프런트 데스크가 표시됩니다. 효과는 다음과 같습니다.

Dingqiu.com을 개발할 때는 아직 ThinkPHP5가 나오지 않았습니다. . , 버전 3.1을 사용하는 경우 버전 3.1에서 어떻게 BootStrap의 페이징 구성 요소를 사용할 수 있습니까? 파일(디자인 패턴의 수정 사항을 닫는 원칙 위반), ListPage 하위 클래스를 파생시켰는데, 하위 클래스 코드는 다음과 같습니다.

import(&#39;ORG.Util.Page&#39;);// 导入分页类
 class ListPage extends Page
 {//针对本系统User控制器特点重写Page类中相关函数
 /**
   * 分页显示输出
   * @access public
   */
  protected $config = array(&#39;header&#39;=>&#39;条记录&#39;,&#39;prev&#39;=>&#39;<&#39;,&#39;next&#39;=>&#39;>&#39;,
  &#39;first&#39;=>&#39;<<&#39;,&#39;last&#39;=>&#39;>>&#39;,
  &#39;theme&#39;=>&#39;%first% %upPage% %linkPage% %downPage% %end%&#39;);
  ……

보시다시피 먼저 핵심 클래스가 있는 파일을 가져옵니다. 그런 다음 대담하게 파생할 수 있으며 여기에는 핵심 코드만 나열됩니다. 페이지 클래스의 Config 변수를 수정하고 하위 클래스의 변수를 위 형식으로 다시 작성한 다음 모든 작업(컨트롤러)에서 이 하위 클래스를 사용하여 페이징 개체를 생성하면 됩니다.

$Page=new ListPage($count,5);

이런 식으로 , 위의 설정을 사용할 수 있습니다. 좋습니다. 새로운 페이지 매기기 표시 효과는 다음과 같습니다.

위는 이 기사의 전체 내용입니다. 모든 사람의 연구에 도움이 되기를 바랍니다. 관련 내용은 PHP 중국어 홈페이지를 참고해주세요!

Thinkphp와 Bootstrap을 결합하여 맞춤형 페이징 스타일 생성

관련 기사