emirhankarakoc / project-live-auction

fullstack real time auction project
0 stars 0 forks source link

pageable frontend #9

Closed emirhankarakoc closed 7 months ago

emirhankarakoc commented 8 months ago

https://emirhan-backend.kgzkbi.easypanel.host/swagger-ui/index.html#/

bu ustteki url, bizim backendimizin tum metodlarinin gozuktugu bir liste. oradan istek de atabiliyoruz buradan Product Controller grubunun altinda, /product/page/{page/{size} seklinde bir metod var. bu metodu kullanalim. 0,1 istegi atalim 0,2 istegi atalim. projenin hostlanmis versiyonuna admin olarak girip urunler ekleyip ayni istegi birdaha talim 0,1 0,10 seklinde ve farki anlayalim.

daha sonra, react bootstrap pagination https://react-bootstrap.netlify.app/docs/components/pagination/ bu urldeki paginationu, Auctions.jsx'in icerisine implemente edelim. bu sayede 1000 urun var ise, sayfa sayfa urunler gelir. hepsi gelmez. veritabanini da rahatlatir. projenin ui tasarimini da guzellestirir. her sayfada 9 tane veya 12 tane olmasini ben emirhan olarak uygun goruyorum. sen nasil istersen, sayi%3==0 olsun da ne olursa olsun. cok da fazla yapma ama.

kolay gelsin 22 mart cuma