Backbone.js - Paginator

Coloana vertebrală.Paginator Este un set de instrumente, metode și formulare care ne permit să paginăm rezultatele interogărilor pe care trebuie să le facem față de serviciile de date ale aplicațiilor noastre și care pot returna mai multe rezultate decât dorim ca utilizatorul să vadă în primă instanță.

Prin paginarea datelor putem facilita navigarea și, de asemenea, crește viteza aplicației noastre, deoarece nu este același scop pentru noi să încărcăm 5000 de înregistrări în browserul clientului decât să încărcăm aceleași 5000 de la 100 la 100 și aceste 100 le împart în transformați-vă în 10 pagini de înregistrare, ceea ce face ca o mulțime de informații să pară mai ușor de gestionat.

1. Tipuri de paginare


Pentru a stabili modul în care vom lucra Coloana vertebrală.Paginator, trebuie mai întâi să știm tipuri de paginare la care ne putem confrunta, astfel putem stabili cum ar trebui să acționăm atunci când dezvoltăm soluția noastră:

Solicitare către un serviciu de dateAcest tip de paginare ne permite să consultăm doar cantitatea de date pe care fiecare pagină o acceptă de la un serviciu web, de exemplu a API, problema rezultă atunci când încorporăm mai mulți parametri precum ordinea, persistența interogării etc. Cu toate acestea, este o modalitate bună de a descărca puterea de procesare pe serverul care ne servește datele.

Paginare suplimentară a clientuluiÎn acest stil de paginare, ceea ce facem este că aducem un set de date mai mare decât cel solicitat de fiecare pagină, în acest fel pe partea clientului putem pagina cu blocuri mai mici și obținem mai multă viteză, deoarece avem celelalte date în puterea noastră.

Paginare infinităAcest tip de paginare ne permite să încărcăm rezultatele atunci când utilizatorul avansează, după o anumită limită punem un buton pentru a vedea mai multe, în acest fel nu se simte limitat de numărul de pagini, acest stil de paginare se vede foarte mult în rețele sociale cum ar fi Facebook.

2. Ce ne oferă Backbone.Paginator?


Ne oferă o serie de instrumente care ne permit să realizăm oricare dintre cele 3 stiluri de paginare descrise mai sus, ne oferă și ajutor pentru a plasa vizual elementele așa cum vedem în următoarea imagine:

MARI

3. Inițializare


Backbone.Paginator trebuie aplicat unei colecții de date, aceasta ne oferă și două metode pentru a acoperi diferitele tipuri de paginare.

Backbone.Paginator.requestPagerFolosim această metodă pentru a acoperi interogările pe care le putem face împotriva unui serviciu de date, cum ar fi un API.

Backbone.Paginator.clientPagerFolosim această metodă atunci când dorim să facem paginări suplimentare în client, de exemplu API-ul a returnat 100 de înregistrări și cu această metodă l-am împărțit în pagini de 10 înregistrări în client în acest fel trecerea între pagini nu este condiționată de interogări suplimentare .

După cum putem vedea, aceste instrumente sunt destul de utile în construcția aplicațiilor noastre, deoarece ne putem gândi la interfața cu utilizatorul nu numai ca fiind partea estetică, ci va avea și funcționalități care facilitează viața.

V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv

Vei ajuta la dezvoltarea site-ului, partajarea pagina cu prietenii

wave wave wave wave wave