So implementieren Sie Bootstrap-Paging

So implementieren Sie Bootstrap-Paging: Verwenden Sie zuerst div, um den zu löschenden Inhalt zu umschließen. Verwenden Sie dann das Tag a, um die Funktionen der vorherigen Seite und der nächsten Seite zu implementieren Ajax Der Effekt ist ausreichend.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7, Dell G3-Computer. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „Bootstrap-Video-Tutorial“ „CSS-Video-Tutorial“

Bootstrap zum Implementieren von Paging

Algorithmusverbesserung: [Verwenden Sie hauptsächlich js mit MySQL-Limit, um die vorherige Seite und die nächste Seite zu implementieren]

[ Beim Abfragen von Daten wird das Limit verwendet. Jetzt zeige ich 3 Datensätze pro Seite an und führe Paging durch]

Zuerst initiiert Ajax eine Anfrage an das Servlet und fordert dann die JSON-Daten an. Beginnen Sie nun mit dem Entwerfen von Ajax und HTML.

1. Bei jedem Umblättern werden die vorherigen Daten überschrieben/gelöscht. Verwenden Sie also ein Div, um den zu löschenden Inhalt einzuschließen.

Warum sollten wir es im Div behalten? Weil wir ihm auch Daten hinzufügen und es behalten müssen, ähnlich wie bei einem Referenzobjekt.

<div id="co">
        <h1 class="h"></h1>  <!-- 这里的标签都加上class="h"，后面都要动态清空-->
</div>

Jetzt gibt es ein grundlegendes Design-Framework, in dem die Daten gespeichert werden, also sollte es jetzt etwas geben, mit dem die Daten bearbeitet werden können, wie zum Beispiel: vorherige Seite, nächste Seite.

2. Verwenden Sie das Tag a, um die Funktionen der vorherigen Seite und der nächsten Seite zu realisieren.

Hier verwende ich die nextpage-Methode, um die nächste Seite zu implementieren, und die vorherige Seite verwendet prevpage. Zuerst gibt es so eine Idee

<a href="javascript:prevpage(0)">上一页</a><a href="javascript:nextpage(0)">下一页</a>

In diesem Fall ist es jetzt Ajax, das das Laden der Daten implementiert

Drittens implementiert Ajax das anfängliche Laden, die vorherige Seite und die nächste Seite.

key stellt die Anzahl der Datensätze dar, also die Startdaten des Datensatzes. Wenn sich die Vorgänge anderer Seiten ändern, sollten sich die Parameter der vorherigen Seite und die Parameter der nächsten Seite ändern mit der Taste ändern.

Es ist ungefähr wie folgt:

rrree

Zeichnen Sie hauptsächlich die Implementierung von Ideen auf. Der Code muss optimiert werden, aber die Idee ist bereits sehr klar. Das Obige bestätigt also, dass auf jeder Seite 3 Daten angezeigt werden , wie kann man erreichen, dass auf jeder Seite n Daten angezeigt werden? Es braucht wahrscheinlich nicht viel.

Dann überlegen Sie bitte selbst, wie Sie das hier angesprochene Problem erkennen und in etwas Eigenes verpacken können. Ich werde diesen Schritt nicht aufschreiben.

Wie kann man also das Hintergrundservlet steuern, um Ausnahmen zu verhindern? Immer wenn Null oder „“, oder

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Bootstrap-Paging. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!