So verwenden Sie Laui-Paging

Empfohlenes Tutorial: Layui-Tutorial

Offizielle Adresse für Laui-Paging:https://www.layui.com/doc/modules/laypage.html

Im ersten Schritt stellt die Seite Lauis CSS und JS vor

Dies muss nicht nachgewiesen werden

Der zweite Schritt besteht darin, den Stil in HTML zu schreiben

Der dritte Schritt besteht darin, den JS-Code zu schreiben

Derzeit ist der Seitenstil einfach geschrieben im js-Code

　　themeDies dient dazu, die Farbe der Seite anzupassen oder einen Klassennamen hinzuzufügen, um den Seitenstil zu ändern

Einzelheiten finden Sie auf der offiziellen Website von Laui

Der vierte Schritt besteht darin, das Paging mit Ajax zu steuern. Die zu übertragenden Daten werden in

　　ajax

Fügen Sie

jump

im Laui-Aufruf hinzu

Springen besteht darin, auf die vorherige oder nächste Seite zu klicken, um die Funktion selbst auszulösen

wenn ( !first) {

Es besteht keine Notwendigkeit, Geschäftslogik-Verarbeitungsfunktionen für das Paging zu verwenden, da es sonst in eine Endlosschleife gerät. Als ich es zum ersten Mal las, war ich verwirrt darüber, wie man einen Seitensprung erreicht und wie man den Strom erhält Dann habe ich das
objIch verstehe

ausgedruckt. Die Gesamtzahl der Datenelemente und die aktuelle Seite wurden in obj

. Wenn Sie auf die nächste Seite klicken, wird <img src="https://img.php.cn/upload/image/263/287/154/1563522818595116.png" title="1563522818595116.png" alt="So verwenden Sie Laui-Paging">curr

zu

Wenn die aktuelle Seite 2 ist und Sie auf die vorherige Seite klicken, <strong>curr </strong> wird zu <strong>curr</strong>2，Weisen Sie den Wert der definierten aktuellen Seitenvariablen als Parameter zu. Weitere Informationen finden Sie in den zu übergebenden Daten in Schritt 4<strong>curr</strong>1，obj.curr Abschließend Rufen Sie die Funktion der Rendering-Liste erneut auf, um das Paging abzuschließenajax

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