Thinkphp 와 Bootstrap 을 결합 하여 개성 있 는 페이지 스타일 만 들 기(추천)

먼저 ThinkpHP 3.1 버 전의 페이지 스타일 을 말 해 보 세 요.보기 도 간단 하고 대범 해 보이 지만 모든 페이지 는 간단 한 숫자 를 사용 합 니 다.그 사이 의 공간 이 비교적 작고 쉽 지 않 습 니 다.그리고 그'앞 5 페이지'와'뒤 5 페이지'는 약간 불필요 해 보 입 니 다.현재 첫 페이지 를 표시 하 는'윗 페이지'단 추 를 누 르 면 자 연 스 럽 게 앞 5 페이지 가 나 오기 때 문 입 니 다.
3.1 페이지 나 누 기 효 과 는 이 모양 입 니 다.

상기 여러 가지 이상 적 이지 않 은 상황 에 대해 최근 에 ThinkpHP 5 를 배 웠 습 니 다.ThinkpHP 5 에서 BootStrap 페이지 스타일 에 대한 완벽 한 지원 을 제 공 했 습 니 다.thinkpp 5 에서 BootStrap.css 파일 을 도입 하면 Controller 에서 페이지 함 수 를 사용 하면 프론트 데스크 는 자 연 스 럽 게 BootStrap 스타일 로 표 시 됩 니 다.효 과 는 이 모양 입 니 다.

그리고 제 가 개발 한인터넷ThinkpHP 5 가 아직 나 오지 않 았 습 니 다.3.1 버 전 을 사 용 했 습 니 다.그러면 3.1 버 전에 서 BootStrap 의 페이지 구성 요 소 를 어떻게 사용 할 수 있 습 니까?다음은 해결 방법 이다.
1.thinkphp 를 파생 시 키 는 원생 page.class.php 류
핵심 파일(디자인 모델 종 류 를 위반 하 는 폐쇄 원칙 수정)에 영향 을 주지 않 기 위해 저 는 하위 클래스 ListPage 를 파생 시 켰 습 니 다.이 하위 코드 는 다음 과 같 습 니 다.

import('ORG.Util.Page');//      
 class ListPage extends Page
 {//     User       Page      
 /**
   *       
   * @access public
   */
  protected $config = array('header'=>'   ','prev'=>'<','next'=>'>',
  'first'=>'<<','last'=>'>>',
  'theme'=>'%first% %upPage% %linkPage% %downPage% %end%');
  ……

핵심 클래스 가 처 한 파일 을 먼저 가 져 온 다음 에 대담 하 게 파생 할 수 있 고 핵심 코드 만 나열 되 어 있 음 을 알 수 있다.페이지 클래스 의 Config 변 수 를 수정 하면 됩 니 다.하위 클래스 에서 이 변 수 를 위의 형식 으로 다시 쓴 다음 모든 Action(Controller)에서 이 하위 클래스 를 사용 하여 페이지 대상 을 만 듭 니 다.

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

이렇게 하면 우리 위의 설정 을 사용 할 수 있 습 니 다.자,해결 되 었 습 니 다.새로운 페이지 표시 효 과 는 다음 과 같 습 니 다.


위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 Thinkphp 와 Bootstrap 을 결합 하여 개성 있 는 페이지 스타일 링(추천)을 만 드 는 것 입 니 다.도움 이 되 셨 으 면 좋 겠 습 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!