Einführung
In diesem Projekt lernst du, wie du eine Seitenzahlungskomponente erstellen kannst, die in Webanwendungen häufig verwendet wird. Die Seitenzahlungskomponente hilft dabei, die Abfragezeit auf der Backendseite zu reduzieren und beeinträchtigt die Leistung der Seitenrendierung nicht, wenn zu viel Daten geladen werden.
👀 Vorschau
🎯 Aufgaben
In diesem Projekt wirst du lernen:
- Wie du die
ajax-Funktion implementierst, um Datenanfragen zu verarbeiten und die Daten für die aktuelle Seite und die Gesamtzahl der Seiten abzurufen. - Wie du die
initEvents-Funktion implementierst, um Ereignisse an die Schaltflächen der Seitenzahlungskomponente zu binden. - Wie du die
createPaginationIndexArr-Funktion implementierst, um ein Seitenzahlungsarray basierend auf den Funktionsargumenten zu generieren. - Wie du die
renderPagination-Funktion implementierst, um die Zeichenfolgenvorlage für die Seitenzahlungskomponente zu generieren. - Wie du den Inhalt basierend auf der aktuellen Seite rendierst.
🏆 Errungenschaften
Nach Abschluss dieses Projekts wirst du in der Lage sein:
- Eine wiederverwendbare Seitenzahlungskomponente in JavaScript zu erstellen.
- Axios verwenden, um HTTP-Anfragen zu tätigen und die Antwortdaten zu verarbeiten.
- Ein Seitenzahlungsarray basierend auf der aktuellen Seite, der Gesamtzahl der Seiten und der maximalen Anzahl von anzuzeigenden Seitenbuttons zu generieren.
- Die Seitenzahlungskomponente und den Inhalt basierend auf der aktuellen Seite zu aktualisieren.
