Heim > Backend-Entwicklung > PHP-Tutorial > Thinkphp und Bootstrap werden kombiniert, um personalisierte Seitenstile zu erstellen

Thinkphp und Bootstrap werden kombiniert, um personalisierte Seitenstile zu erstellen

不言
Freigeben: 2023-03-31 09:28:02
Original
1592 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur Kombination von Thinkphp und Bootstrap zur Erstellung eines personalisierten Paging-Stils vor. Er ist sehr gut und hat Referenzwert.

Lassen Sie uns darauf zurückgreifen Beschweren Sie sich zunächst über ThinkPHP3. Obwohl der Paginierungsstil der ersten Ausgabe sehr einfach und elegant aussieht, verwenden alle Seitenzahlen einfache Zahlen und die Lücken zwischen ihnen sind relativ klein, was auch nicht einfach ist „ und „nächste 5 Seiten““ erscheinen etwas überflüssig, da durch Klicken auf die Schaltfläche „Vorherige Seite“ auf der aktuell angezeigten ersten Seite automatisch die ersten 5 Seiten angezeigt werden.

Der Paging-Effekt von 3.1 ist wie folgt:

Angesichts der oben genannten unbefriedigenden Situationen und zusätzlich zu den jüngsten Erkenntnissen von ThinkPHP5 in ThinkPHP5 Bietet perfekte Unterstützung für den BootStrap-Paging-Stil. Solange die Datei BootStrap.css in thinkphp5 eingeführt wird, wird der Frontdesk nach Verwendung der Paging-Funktion natürlich entsprechend dem BootStrap-Stil angezeigt 🎜>

Als ich Dingqiu.com entwickelte, war ThinkPHP5 noch nicht herausgekommen und ich verwendete Version 3.1. Wie kann ich also die Paging-Komponente von BootStrap in Version 3.1 verwenden? Die Lösung:

1. Leiten Sie die native page.class.php-Klasse von thinkphp ab

Um die Kerndatei nicht zu beeinträchtigen (das Design zu verletzen). Muster, es ist gegenüber Modifikationen geschlossen), ich habe eine Unterklasse ListPage abgeleitet, der Unterklassencode lautet wie folgt:

import('ORG.Util.Page');// 导入分页类
 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;);
  ……
Nach dem Login kopieren

Wie Sie sehen können, importieren Sie zuerst die Datei, in der sich die Kernklasse befindet, und dann können Sie sie mutig ableiten, und hier wird nur der Kerncode aufgeführt. Wir müssen nur die Konfigurationsvariable in der Seitenklasse ändern, die Variable in der Unterklasse in die obige Form umschreiben und diese Unterklasse dann in allen Aktionen (Controller) verwenden, um Paging-Objekte zu erstellen:

$Page=new ListPage($count,5);
Nach dem Login kopieren

Auf diese Weise können Sie unsere Einstellungen oben verwenden. Okay, fertig. Der neue Paginierungsanzeigeeffekt ist wie folgt:

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

thinkphp-Tag implementiert den Code von Bootsrtap Carousel Carousel

Das obige ist der detaillierte Inhalt vonThinkphp und Bootstrap werden kombiniert, um personalisierte Seitenstile zu erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage