Backbone.js - Paginatorius

Nugara.Paginatorius Tai įrankių, metodų ir formų rinkinys, leidžiantis puslapius su užklausomis, kurias turime atlikti, palyginti su mūsų programų duomenų paslaugomis ir kuris gali duoti daugiau rezultatų, nei norime, kad vartotojas matytų pirmiausia.

Naršydami duomenis, galime palengvinti naršymą ir taip pat padidinti mūsų programos greitį, nes mūsų tikslais ne tas pats įkelti 5000 įrašų į kliento naršyklę, nei įkelti tuos pačius 5000 iš 100 į 100, o šie 100 padalija juos į paversti 10 įrašų puslapių, todėl daug informacijos atrodo lengviau valdoma.

1. Puslapių tipai


Norėdami nustatyti, kaip mes ketiname dirbti Nugara.Paginatorius, pirmiausia turime žinoti puslapių tipai su kuriais galime susidurti, tokiu būdu galime nustatyti, kaip turėtume elgtis kurdami savo sprendimą:

Pateikite užklausą duomenų tarnybaiŠio tipo puslapiai leidžia mums peržiūrėti tik duomenų kiekį, kurį kiekvienas puslapis priima iš žiniatinklio paslaugos, pavyzdžiui, a API, problema atsiranda, kai įtraukiame daugiau parametrų, tokių kaip tvarka, užklausos patvarumas ir kt. Tačiau tai yra geras būdas iškrauti apdorojimo galią serveryje, kuris mums teikia duomenis.

Papildomas puslapio puslapio numerisŠiuo puslapio stiliumi mes darome tai, kad pateikiame duomenų rinkinį, didesnį nei reikalaujama kiekviename puslapyje, tokiu būdu kliento pusėje galime lapuoti mažesniais blokais ir gauname didesnį greitį, nes turime kitų duomenų. mūsų galia.

Begalinis puslapių skaičiusŠio tipo puslapiai leidžia mums įkelti rezultatus, kai vartotojas eina į priekį, po tam tikros ribos mes įdedame mygtuką, kad pamatytume daugiau, todėl jis nesijaučia ribojamas puslapių skaičiaus, šis puslapių stilius yra daug matomas socialiniai tinklai kaip Facebook.

2. Ką mums siūlo „Backbone.Paginator“?


Ji siūlo daugybę įrankių, leidžiančių pasiekti bet kurį iš aukščiau aprašytų 3 puslapių stilių, taip pat padeda vizualiai išdėstyti elementus, kaip matome šiame paveikslėlyje:

DIDELIS

3. Inicijavimas


„Backbone.Paginator“ turi būti taikomas duomenų rinkiniui. Tai taip pat siūlo du metodus, skirtus skirtingiems puslapių tipams apimti.

„Backbone.Paginator.requestPager“Mes naudojame šį metodą, kad padengtume užklausas, kurias galime pateikti duomenų tarnybai, pvz., API.

„Backbone.Paginator.clientPager“Mes naudojame šį metodą, kai norime kliente atlikti papildomą puslapių paiešką, pavyzdžiui, API grąžino 100 įrašų ir šiuo metodu padalijome jį į kliento 10 įrašų puslapius, todėl tarpas tarp puslapių nėra sąlygojamas papildomų užklausų .

Kaip matome, šie įrankiai yra gana naudingi kuriant mūsų programas, nes vartotojo sąsają galime laikyti ne tik estetine dalimi, bet ir funkcionalumu, palengvinančiu gyvenimą.

Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
wave wave wave wave wave