Trenutna implementacija
Trenutno endpoint za korisnike vraća sve korisnike odjednom.
Problem
Ovakav pristup nije skalabilan - kako raste broj korisnika u bazi, Web API i frontend će postajati sporiji.
Zadatak:
Implementirati server-side paginaciju i omogućiti da frontend prikaže korisnike po stranama.
Backend
-
Izmeniti endpoint za prikaz korisnika
page - broj stranice (default: 1)
limit - broj korisnika po stranici (default: 10)
GET <API_PREFIX>/users?page=2&limit=10
-
Rezultatu dodati i pagination polje
page - broj stranice
limit - broj korisnika po stranici
total - ukupan broj korisnika
total_pages - ukupan broj stranica
has_next - true/false
has_prev - true/false
Frontend
-
Izmeniti komponentu koja prikazuje korisnike
-
Dodati UI za paginaciju
- Dugme
Next
- Dugme
Previous
- Tekst npr. "Page 2 of 6"
-
Disable dugmići
has_next === false -> disable Next
has_prev === false -> disable Previous
Reference:
Trenutna implementacija
Trenutno endpoint za korisnike vraća sve korisnike odjednom.
Problem
Ovakav pristup nije skalabilan - kako raste broj korisnika u bazi, Web API i frontend će postajati sporiji.
Zadatak:
Implementirati server-side paginaciju i omogućiti da
frontendprikaže korisnike po stranama.Backend
Izmeniti endpoint za prikaz korisnika
page- broj stranice (default: 1)limit- broj korisnika po stranici (default: 10)Rezultatu dodati i
paginationpoljepage- broj stranicelimit- broj korisnika po stranicitotal- ukupan broj korisnikatotal_pages- ukupan broj stranicahas_next- true/falsehas_prev- true/falseFrontend
Izmeniti komponentu koja prikazuje korisnike
Dodati UI za paginaciju
NextPreviousDisable dugmići
has_next=== false -> disableNexthas_prev=== false -> disablePreviousReference: