Backbone.js – Paginator

Bei Backbone.Paginator handelt es sich um eine Reihe von Tools, Methoden und Formularen, mit denen wir die Ergebnisse der Abfragen, die wir für die Datendienste unserer Anwendungen durchführen müssen, paginieren können und die mehr Ergebnisse liefern können, als der Benutzer zunächst sehen soll. .

Durch das Auslagern der Daten können wir die Navigation vereinfachen und auch die Geschwindigkeit unserer Anwendung erhöhen, da es für unsere Zwecke nicht gleich ist, 5000 Datensätze in den Client-Browser zu laden, sondern die gleichen 5000 von 100 zu 100 zu laden und diese 100 nacheinander aufzuteilen Auf einer Seite mit 10 Datensätzen sehen viele Informationen übersichtlicher aus.

1. Arten der Paginierung

Um festzustellen, wie wir mit Backbone.Paginator arbeiten werden , müssen wir zuerst die möglichen Paging-Typen kennen. Auf diese Weise können wir festlegen, wie wir bei der Entwicklung unserer Lösung vorgehen sollen:

Anfrage an einen Datendienst
Mit dieser Art von Paging können wir nur die Datenmenge abrufen, die jede Seite von einem Webdienst akzeptiert, z. B. einer API . Das Problem tritt auf, wenn wir weitere Parameter wie Reihenfolge, Beständigkeit der Abfrage usw. einbeziehen. Es ist jedoch eine gute Möglichkeit, die Verarbeitungsleistung auf den Server herunterzuladen, auf dem die Daten gespeichert sind.

Zusätzliche Seite von der Client-Seite
Bei dieser Art von Paging bringen wir eine größere Menge von Daten mit, als von jeder Seite angefordert wird, sodass wir auf der Clientseite mit kleineren Blöcken paginieren und eine höhere Geschwindigkeit erzielen können als die anderen Daten, die wir haben unsere Macht

Unendliche Seite
Diese Art des Paginierens ermöglicht es uns, die Ergebnisse zu laden, wenn der Benutzer nach einer bestimmten Grenze einen Knopf drückt, um mehr zu sehen. Auf diese Weise fühlen Sie sich nicht durch die Anzahl der Seiten eingeschränkt. Diese Art der Paginierung ist in den Netzwerken häufig anzutreffen Sozial wie Facebook .

2. Was bietet uns Backbone.Paginator?

Es bietet uns eine Reihe von Werkzeugen, mit denen wir einen der drei oben beschriebenen Paging-Stile erreichen können. Außerdem bietet es eine Hilfe zum visuellen Platzieren der Elemente, wie im folgenden Bild dargestellt: backbone_paginator.jpg

3. Initialisierung

Backbone.Paginator sollte auf eine Datenerfassung angewendet werden. Dies bietet auch zwei Methoden, um die verschiedenen Arten von Paging abzudecken.

Backbone.Paginator.requestPager
Mit dieser Methode decken wir die Abfragen ab, die wir für einen Datendienst wie eine API durchführen können.

Backbone.Paginator.clientPager
Wir verwenden diese Methode, wenn wir die zusätzliche Paginierung im Client vornehmen möchten. Beispielsweise hat die API 100 Datensätze zurückgegeben. Mit dieser Methode teilen wir sie im Client in Seiten mit 10 Datensätzen auf. Auf diese Weise ist der Schritt zwischen den Seiten nicht an zusätzliche Abfragen gebunden.

Wie wir sehen, sind diese Tools für die Erstellung unserer Anwendungen sehr nützlich, da wir die Benutzeroberfläche nicht nur als ästhetischen Teil betrachten können, sondern auch über Funktionen verfügen, die das Leben erleichtern.

See also  Nginx - Zugriff über IP-Adresse blockieren

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *