Backbone.js - Paginator

Backbone.Paginator Jest to zestaw narzędzi, metod i formularzy, które pozwalają nam na paginację wyników zapytań, które musimy wykonać, względem usług danych naszych aplikacji i które mogą zwrócić więcej wyników, niż chcielibyśmy, aby użytkownik zobaczył w pierwszej kolejności.

Poprzez stronicowanie danych możemy ułatwić nawigację, a także zwiększyć szybkość działania naszej aplikacji, ponieważ dla naszych celów ładowanie 5000 rekordów w przeglądarce klienta nie jest tym samym, co ładowanie tych samych 5000 ze 100 na 100, a te 100 dzielą je na przekształcić w 10 stron rekordów, dzięki czemu wiele informacji wygląda na łatwiejsze do zarządzania.

1. Rodzaje paginacji


Aby ustalić, w jaki sposób będziemy pracować Backbone.Paginator, musimy najpierw poznać typy paginacji z którym możemy się zmierzyć, w ten sposób możemy ustalić, jak powinniśmy postępować, gdy tworzymy nasze rozwiązanie:

Żądanie do usługi danychTen rodzaj paginacji pozwala nam sprawdzać tylko ilość danych, które każda strona akceptuje z usługi internetowej, na przykład API, problem pojawia się, gdy uwzględnimy więcej parametrów, takich jak kolejność, trwałość zapytania itp. Jest to jednak dobry sposób na rozładowanie mocy obliczeniowej na serwerze, który obsługuje nam dane.

Dodatkowa paginacja po stronie klientaW tym stylu paginacji, co robimy, to dostarczamy zestaw danych większy niż wymagany przez każdą stronę, w ten sposób po stronie klienta możemy stronicować z mniejszymi blokami i uzyskujemy większą prędkość, ponieważ mamy inne dane w naszą moc.

Nieskończona paginacjaTen rodzaj paginacji pozwala nam ładować wyniki, gdy użytkownik przechodzi dalej, po pewnym limicie umieszczamy przycisk, aby zobaczyć więcej, w ten sposób nie czuje się ograniczony liczbą stron, ten styl paginacji jest często spotykany w sieci społecznościowe, takie jak Facebook.

2. Co oferuje nam Backbone.Paginator?


Oferuje nam szereg narzędzi, które pozwalają nam osiągnąć dowolny z 3 stylów paginacji opisanych powyżej, oferuje również pomoc w wizualnym rozmieszczeniu elementów, jak widać na poniższym obrazku:

POWIĘKSZAĆ

3. Inicjalizacja


Backbone.Paginator musi być zastosowany do zbioru danych, co daje nam również dwie metody na pokrycie różnych typów paginacji.

Backbone.Paginator.requestPagerUżywamy tej metody do pokrycia zapytań, które możemy wykonać względem usługi danych, takiej jak API.

Backbone.Paginator.clientPagerMetodę tę stosujemy gdy chcemy zrobić dodatkowe stronicowanie w kliencie np. API zwróciło 100 rekordów i tą metodą podzieliliśmy go na strony po 10 rekordów w kliencie w ten sposób przejście pomiędzy stronami nie jest uwarunkowane dodatkowymi zapytaniami .

Jak widać, narzędzia te są bardzo przydatne w konstruowaniu naszych aplikacji, ponieważ interfejs użytkownika możemy traktować nie tylko jako część estetyczną, ale będzie on również posiadał funkcjonalności ułatwiające życie.

Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt

Będziesz pomóc w rozwoju serwisu, dzieląc stronę ze swoimi znajomymi

wave wave wave wave wave