Bootstrap Paginierung mit PHP & MySQL

8

Ich bin irgendwie neu in Bootstrap, ich versuche die Seitennummerierung in einem der Abschnitte auf meiner Seite zu implementieren, um die Daten korrekt darzustellen. Kann mir bitte jemand helfen?

Hier ist eine Momentaufnahme, wie der Code jetzt aussieht. Wie kann ich die Seitennummerierung so implementieren, dass nur 10 Datensätze angezeigt werden? Danke.

%Vor%     
8yt3c0d3 18.11.2014, 00:15
quelle

6 Antworten

5

Sie sind ziemlich weit weg.

Zumindest müssen Sie Folgendes tun:

  1. Sie müssen eine Variable erstellen, die die Anzahl der Elemente bestimmt, die pro Seite angezeigt werden sollen.
  2. Sie müssen diese Variable nehmen und sie mit der Seitenzahl multiplizieren, um die Anzahl der Datensätze zu ermitteln, die in Ihrer Abfrage versetzt werden sollen.
  3. Sie müssen die Abfrageergebnisse mit der Nummer aus der obigen Berechnung ausgleichen und die Abfrage auf die Anzahl der anzuzeigenden Elemente beschränken.
  4. Sie müssen die Anzahl der gesamten Artikel zählen und sie durch die Anzahl der Artikel pro Seite teilen, um die Gesamtzahl der Seiten zu erhalten, die in der Seitennummerierung angezeigt werden sollen.

Hier ist ein einfacher Paginierungscode, den ich in Verbindung mit Bootstrap oft benutzt habe.

Ссылка

Lassen Sie die Stile einfach weg und wenden Sie Bootstrap-Klassen auf die Elemente an. Sie können jedoch nicht einfach statisches HTML hinzufügen und erwarten, dass es ohne jegliche Backend-Logik funktioniert. Bootstrap bietet nur eine Möglichkeit, die Seitennummerierung zu stylen, aber Sie müssen es erstellen.

    
CChoma 02.07.2015 23:58
quelle
4
%Vor%

benutze den Code, der dir helfen wird

    
Ankit Verma 03.07.2015 13:33
quelle
4

Ich war mit der gleichen Situation konfrontiert, folgte einem Artikel und passte ihn meinem Nutzen an. Hier ist, was Sie für Ihren Code brauchen.

Getestet mit Bootstrap v3.3.5.


Zuallererst : Sie sollten Ihre mysql_query() -Funktion ändern. Diese Erweiterung war in PHP 5.5.0 veraltet und wurde in PHP 7.0.0 entfernt. Stattdessen sollte die Erweiterung MySQLi oder PDO_MySQL verwendet werden. Lesen Sie mehr hier .

Lassen Sie uns nun zu unserem PHP-Code übergehen.

PHP (behandelt die MySQL-Abfragen und generiert den Paginierungs-HTML-Code)
Hinweis: Sie können Ihre Zielseite über $targetpage variable ändern.

%Vor%

Nachdem wir die Paginierung eingerichtet haben, rufen Sie sie einfach auf, wo Sie wollen:

HTML

%Vor%


Ihre <a> Elemente erhalten href=targetPage?page=pageNumber


QUELLE : Ссылка

Hoffe das hilft!

    
Felipe Rugai 06.11.2015 03:44
quelle
2

Ich habe kürzlich mit Bootstrap etwas Ähnliches gemacht, ich habe reaktionsfähige Datatables verwendet, um dies zu erreichen. Hier ist der Link hier

Dinge, mit denen ich Probleme hatte,

  1. Verwenden Sie die neueste API von Google
  2. html, css und js Dateien werden von der Site zur Verfügung gestellt
  3. sie bieten Paginierung und Responsivität alles was Sie wollen
  4. die wichtigsten Datatables akzeptieren Daten im Array-Format. Wenn Sie also die Daten von php wiedergeben, verwenden Sie jason object und binden Sie alle Daten in einem Array und dann die Zeilen, die Sie ausfüllen möchten
njwin07 04.07.2015 11:42
quelle
2

Erstens, lerne bitte etwas über PDO Ссылка . In meiner Lösung nehme ich an, dass Sie PDO verwenden.

Als Erstes müssen Sie bestimmen, wie viele Zeilen tatsächlich in DB vorhanden sind.

%Vor%

Legen Sie dann ein Limit für Entitäten pro Seite fest.

%Vor%

Nun wollen wir bestimmen, wie viele Seiten es geben soll. Zuerst teile ich die Anzahl der Ergebnisse nach entitiesPerPage. Nehmen wir an, es gibt 202 Ergebnisse. Teilen Sie es durch 10 (Entitäten pro Seite) ergibt sich 20 Seiten (casted zu int). Allerdings sind noch 2 Entitäten übrig. Deshalb muss ich modulo überprüfen und bei Bedarf eine weitere Seite hinzufügen.

%Vor%

Jetzt können wir eine Seitenumbruch erstellen. Aber zuerst müssen wir eine Variable haben, die die aktuelle Seite enthält.

%Vor%

Oder auf elegantere Art.

%Vor%

Wenn es jedoch keine Seite gibt, nehmen wir an, wir sind auf der ersten Seite.

%Vor%

Ok, jetzt ist es an der Zeit für ein Array mit Paginierungsinformationen.

%Vor%

Und schließlich die Abfrage, um die Ergebnisse auf der aktuellen Seite zu erhalten.

%Vor%

Jetzt müssen Sie nur noch die Variable $ pagination durchlaufen und den korrekten Bootstrap-HTML-Code ausgeben.

    
Wojciech Grzebieniowski 04.07.2015 14:38
quelle
0

Für neue Benutzer ...

%Vor%     
user6174374 29.10.2017 15:44
quelle