Laravel: Paginacja wyników

5.8.x

0:00W tej lekcji pokażę ci w jaki sposób możemy stworzyć paginację naszych wyników,

0:04tak aby wyświetlały się tylko trzy wpisy na stronę. Były podzielone na poszczególne

0:08podstrony bo teraz nawet w tej aż 10 wpisów i nie do końca jest to dobre

0:12rozwiązanie. Możesz zobaczyć, że mamy taką stronę dokumentacji jak pagination.

0:17Tutaj możesz sobie więcej na temat poczytać i jest wiele możliwości,

0:21jeżeli chodzi o laravel, natomiast zastanówmy się jak byśmy się jakbyśmy, to

0:26musieli zrobić ręcznie. Jeżeli przejdziemy do posts controller i mamy

0:30tutaj index wszystkich naszych wpisów. Jak byśmy to zrobili normalnie, normalnie

0:35musielibyśmy pobrać sobie z adresu

0:39URL jakieś get, czyli byłoby tutaj na page, page

0:45równa się 1. Powiem ci szybko jak można to zrobić, można

0:49skorzystać z globalnej funkcji request i następnie

0:53get page. To nam zwróci wartość z adresu URL. Również

0:58mamy tutaj zauważyli request, więc popularnym jest też jest robienie tego w

1:02ten sposób i wtedy możemy się odwołać do request

1:06get page. Mielibyśmy już taką stronę, czyli wiedzielibyśmy, że na przykład jesteśmy

1:10na pierwszej stronie. Wiedzielibyśmy, że chcemy trzy wyniki na stronę, więc 1

1:14razy 3, to znaczy, że trzy pierwsze należy ominąć i wtedy robiąc coś takiego po

1:18latest. Moglibyśmy tutaj powiedzieć skip, to jest dostępne na tym

1:22querybuilderze, skip właśnie 3, czyli omiń 3 i pokaż

1:26nam pozostałe. Natomiast jeszcze moglibyśmy zrobić tutaj limit 3 i dopiero

1:31potem get, to by oznaczało właśnie, że znajdź wszystkie i posortuj je

1:35po dacie. Następnie pomiń trzy pierwsze, później weź trzy

1:40z pozostałych i tutaj wstaw. Gdybyśmy przeszli na kolejną stronę, to musielibyśmy

1:44oczywiście odczytać, że mamy page równa się 2, więc pomiń 6 i znowu weź trzy i

1:48tak dalej. Nie będziemy jednak tego robić ale przy poznałeś dwie kolejne metody

1:52które są dostępne na querybuilderze. Po całą listę zapraszam cię oczywiście na

1:56stronę dokumentacji, zrobimy to natomiast inaczej. W dowolnym

2:00miejscu takiego querybuildera, tutaj mieliśmy. Tutaj może być wiele warunków typu where i

2:04tak dalej możemy zrobić coś takiego jak paginate. Okay

2:10i dopiero potem get. Jeżeli tutaj powiemy paginate 3, to oznacza,

2:14że chcemy aby laravel wykonał za nas całą robotę i on automatycznie odczyta z

2:19adresu i URL słowo page, które w razie czego można dostosować podając, je

2:23tutaj jako trzeci parametr. Tutaj moglibyśmy zrobić null, a tutaj podać p, gdy

2:27to nie będzie page, tylko p. Odczyta sobie tę wartość,

2:31odpowiednio zrobi ten ten właśnie skip i take i dla nas to zwróci, ale to nie

2:35bo jeszcze mam specjalny obiekt, do którego za moment odwołamy

2:39się w widoku, więc sprawdźmy czy to ma sens. Jeżeli tutaj odświeżę okej

2:45tutaj get jest niepotrzebne, czyli przy paginate już nie wykonujemy przed get na końcu. Wygląda

2:50to tak, będziemy mieli tylko trzy wpisy. Warto również zapamiętać, że jeżeli

2:54na tym querybuilderze zawsze wygląda to tak, że jeżeli tutaj byś nie korzystał

2:58latest, no to od razu możesz statyczna metoda, bo tak to wygląda wywołać

3:02paginate, a jeżeli korzystasz już z jakiejś statycznej metody później musisz

3:07wykorzystać to w ten sposób, tak to jest tutaj stworzone w laraverze. Czyli

3:11mamy teraz trzy wpisy, no i jest okej, tylko że nie mamy przejścia do kolejnych

3:15podstron. Będziemy to chcieli teraz utworzyć, przejdziemy sobie do widoku

3:19przy okazji zobaczysz jak można tworzyć partiale, czyli takie kawałki widoków,

3:24przejdziemy do views i pamiętasz znowu, że tutaj views to my

3:28ustalamy jaka jest struktura, więc ja chciałbym sobie utworzyć nowy plik w katalogu partials

3:33i nazwiemy go pagination blade

3:37php, okej, zapiszę, tutaj trzeba będzie odświeżyć. Pojawił

3:42się i zaraz będziemy go chcieli zainkludować w odpowiednim miejscu, czyli w naszych

3:46postach, mniejwięcej w tym miejscu

3:50za and for each. Będzie to tutaj poznasz kolejną dyrektywę

3:55blade, jest to include. Ona pozwala nam includować to,

3:59co tutaj, więc możemy powiedzieć include partials, dlatego,

4:03że to się odwołuje do oczywiście katalogu views najpierw. Pagination,

4:07okej. No i zobaczymy tutaj do pagination oczywiście coś

4:11wypadałoby wstawić, więc przejdźmy sobie do tego HTML naszego i mamy

4:15index i tutaj była gdzieś to paginacja. Jest tutaj i

4:19wstawimy

4:23to w to miejsce. Zapiszmy, ta paginacja gdzieś

4:27tutaj się powinna pojawić, jak widzisz jest, czyli tak działa include. Sprawdźmy

4:32jeszcze czy laravel rzeczywiście tutaj działa, jeśli dodamy page równa się 2

4:36czy wyświetli inne wyniki, no i tak to stało. Jesteśmy teraz na drugiej

4:40stronie, więc pozostało nam jeszcze tylko sprawić, aby te linki działały poprawnie

4:44żeby one do page2, page3 i tak dalej. I teraz

4:48w tym kontrolerze nie robimy już nic, ale po użyciu paginate na tym

4:52obiekcie post, które tutaj jest zwrócony, na tej kolekcji. Będziemy mieli

4:56pewne metody, które możesz zobaczyć, opisane są

5:00one tutaj. Możemy skorzystać najpierw gdybyśmy chcieli zrobić inaczej na

5:06sekundę to jeszcze usunę, tutaj moglibyśmy zrobić coś takiego w laraverze, czyli

5:10posts Ringslinks. Zobaczmy co

5:14to wygeneruje. Zobacz, laravel automatycznie wyświetlił nam takie

5:18oto linki i możesz je sobie oscylować. Natomiast ja chciałem zrobić inaczej. Poza tym

5:23nie jestem też zwolennikiem kiedy framework wyrzuca dla mnie jakiś predefiniowany

5:27kod HTML. Wolę go napisać sam, ale to zależy od ciebie, więc jeżeli nie chcemy korzystać

5:31z tego tylko z własnego kodu HTML, który mamy przygotowany, to musimy sami

5:35dodać trochę tutaj logiki. Z tym, że ja nie chcę tutaj się odwołać do posts.

5:39Zauważ, że właśnie w tym partialu mamy dostęp do wszystkich globalnych

5:44zmiennych, które były tutaj skoro tutaj było opposed i wewnątrz mamy dostęp.

5:48Ale co ważne przy include można przekazywać co chcemy mieć

5:52tym widoku dostępne czyli ja tutaj chciałbym powiedzieć, że pod pagination

5:58chciałbym mieć posts, czyli to co tutaj jest jako posts. Wewnątrz będzie

6:03się nazywał pagination, będzie to miało więcej sensu, po prostu dla nas i pierwsza

6:07rzecz, którą chcemy zrobić to do tego pagination, czyli w rzeczy samej do zmiennej posts,

6:11która również tutaj jest. Chcę się odwołać i do

6:15metod, które ci pokazałem przed momentem, one są w tym miejscu. Na ich podstawie możemy

6:20zrobić coś takiego, jeżeli pagination total,

6:24czyli wszystkie strony jakie są jest większa od pagination per page,

6:30czyli per page to jest 3. Total, załóżmy, to będzie, czyli

6:35wszystkich wyników to będzie 4, no to znaczy że paginacja musi się wyświetlić. Zrobimy

6:40end if. Teraz, aby wyświetlić ten pierwszy link, to będziemy chcieli zrobić taki

6:44warunek, jeżeli pagination currentPage

6:49nie jest równe jeden, czyli jeżeli nie jesteśmy na pierwszej

6:53stronie, to chcemy wyświetlić ten wynik, a przypadku kolejnego

6:57tutaj będzie taki warunek. Jeżeli pagination

7:02hasMorePages, to wtedy chcemy wyświetlić ten link. To

7:06wszystko wywnioskowałem dokładnie z tego co tutaj mamy, czyli z wszystkich tych metod.

7:10No i teraz jeszcze musimy podstawić odpowiednie linki, czyli

7:15tutaj będziemy chcieli to wyświetlić w ten sposób, pagination previousPageUrl. Jak

7:27się domyślasz tutaj będziemy mieli nextPageUrl. To

7:32powinno nam wystarczyć, ta paginacja powinna już działać. Zobaczymy, nie

7:36ma pierwszej tutaj, czyli previous, dlatego, że jesteśmy na pierwszej stronie przechodzimy

7:40do strony drugiej. Adres URL się zmienił. Widzimy, że przywiózł się pokazało i

7:44kieruje do Page 1, Next również jest dostępny i na stronie trzeciej

7:49również jest dostępny i na czwartej będziemy mieli jeden wpis i będziemy mieli

7:53tylko previous. Więc w taki prosty sposób mogliśmy stworzyć sobie fajnie

7:57działającą paginację, jak widzisz, jeżeli chodzi o kontroler, był to zaledwie

8:02jeden zapis, a jeżeli chodzi o paginację to jeżeli chcieliśmy zrobić własną, czyli własny

8:06kod HTML, troszeczkę trzeba napisać, ale nie musimy zajmować z

8:10wczytywaniem parametru z URL'a i dodawania tego wszystkiego do query, tak aby

8:14pominąć jakieś wyniki, aby wziąć odpowiednią liczbę tych wyników,

8:18to wszystko za nas zrobił laravel jednym prostym wywołaniem.