Laravel: Dodawanie komentarzy do wpisu

5.8.x

0:00Aby dodawać komentarze do wpisu będziemy potrzebowali odpowiedniego formularza, który

0:04wyświetlimy tutaj na tej stronie, więc gdzie go znajdziemy. Oczywiście

0:08najpierw przejdźmy sobie do tego miejsca, czyli do post, jest

0:14to tutaj i następnie do widoku, który przygotowałem

0:19wcześniej, będzie to widok pojedynczego wpisu, czyli single,

0:24jak się dobrze przyjrzymy to tutaj powinien się pojawić formularz

0:29i jest to taka sekcja comments zaraz pod article ona się

0:33znajdować będzie, dlatego jak to skopiujemy i tutaj sobie wrzucimy, w tym

0:40miejscu, to będziemy mogli wyświetlać komentarze. Zanim

0:45zajmiemy się obsługą tego formularza, który jest tutaj pod spodem, to zajmiemy się najpierw może

0:49wyświetleniem komentarzy. Dzięki relacji, którą zdefiniowaliśmy, która

0:53znajduje się w post, wiemy że możemy odwołać się do PostComments i

0:57zostaną nam one zwrócone, więc będziemy chcieli to odpowiednio sobie teraz uzupełnić.

1:01Przed tym if chciałbym sprawdzić czy jakiś

1:05komentarze ogóle są, więc odwołamy się do post comments i następnie

1:11count. Jeżeli to jest większa od zera to

1:15tylko wtedy chcemy wyświetlać całą tą listę, proste

1:20sprawdzenie. Następnie będę chciał tutaj wyświetlić odpowiednią

1:24liczbę tych komentarzy i to możemy zrobić następujący sposób post

1:30comments count. Jeżeli

1:35jest większa od zera, to wyświetlimy tutaj comments w przeciwnym

1:39samo Comment. Natomiast jeszcze wyświetlimy to

1:45tutaj, czyli liczbę tych komentarzy, zaraz to się stanie jasne, a więc wyświetlimy na

1:49przykład dwa i teraz jeżeli dwa jest większa zera to będzie dwa comments. Jeżeli

1:54nie jest w zasadzie tutaj powinno być 1. Jeżeli to

1:58będzie równe 1, to wyświetlimy Comment. Następnie będziemy chcieli

2:02wyświetlić poszczególne komentarze, więc pętla foreach post

2:07comments as comment. Teraz avatar zostawimy

2:11sobie na razie, tym tym się zajmuje później, tylko zmienimy tutaj ścieżkę na

2:15absolutną. Nazwę oczywiście możemy wyświetlić. Dlaczego?

2:20Bo zdefiniowaliśmy odpowiednio wcześniej relacje i wiemy, że comment ma

2:24author'a. Przypomnę ci tylko skąd to się wzięło. Tutaj sobie

2:28to zdefiniowaliśmy, a w zasadzie widzę, że tym zapomnieliśmy, więc

2:33zróbmy to teraz, author, tutaj

2:37będzie belongsTo, User class i tak jak już robiliśmy wcześniej,

2:42dlatego że to się nie nazywa user, tylko author, to musimy tutaj podać user_id

2:46oraz id. Okej, czyli dzięki temu comment author

2:50będzie działać i zrobimy sobie tutaj name. To nam się przyda jeszcze poniżej

2:55i tutaj będziemy chcieli wyświetlić comment date

3:01i odpowiednio sformatować, czyli format

3:05i ten format, który przed momentem widzieliśmy, wyglądałby następująco, czyli

3:09to jest d.m.Y, natomiast żeby

3:13date było instancją klasy Carbon, to przypomnę ci jak robiliśmy w

3:17przypadku wpisu czyli post. Musimy na samej górze zdefiniować

3:22sobie protected dates i to jest date i dokładnie to musimy

3:26zrobić w komentarzu, czyli w comment, bo inaczej będzie to po prostu string. Teraz

3:31to będzie instancją klasy Carbon powinno tutaj zostać odpowiednio wyświetlone i ostatnia

3:36rzecz, która jest tutaj potrzebna, to będzie comment

3:40content. Jak widzisz nie pozwalamy tutaj na

3:44wpisywanie jakiegoś HTML'a. Więc on automatycznie będzie escape'owany. Gdybyśmy zrobili

3:48tak, wtedy byłby tutaj wyświetlany, ale że komentarze będą pisać

3:52różni użytkownicy to nie chcemy żeby oni mogli tutaj wstrzyknąć jakiś kod

3:56HTML, a przede wszystkim jakieś skrypty. Pod article musimy

4:00zakończyć endforeach i w zasadzie

4:05powinno nam się to odpowiednio wyświetlać. Zobaczmy czy nie ma żadnych błędów, oczywiście

4:09jakiś błąd się pojawił, gdzieś tutaj. Tutaj

4:13powinien być znak zapytania jeszcze, przy takim sprawdzaniu. Teraz jest w

4:17porządku, mamy 5 komentarzy, jak widzisz fajkowo wygenerowanych do tego wpisu. Do

4:22innych wpisów oczywiście może w ogóle nie być komentarzy, może być inna ich liczba. Na

4:26samym dole jak możesz zobaczyć, pojawił się również taki

4:31formularz, który chcemy teraz odpowiednio dostosować. Więc skoro

4:35jest to formularz, będziemy go wysyłać za pomocą post. To

4:41jest dokładnie to co robiliśmy wcześniej, na pewno on będzie potrzebował pola csrf,

4:46tutaj name możemy w zasadzie zmienić na content, będzie

4:50to Your comment, od razu możemy załatwić tutaj również walidacje, tak

4:55jak robiliśmy wcześniej, czyli jeżeli errors has content to dodamy klasę

4:59is-invalid, a tutaj możemy wpisać to co już ktoś wcześniej uzupełnij czyli

5:03old content, okej. I teraz jedna ważna

5:07rzecz, zaraz będziemy tworzyć kontroler, do którego wyślemy właśnie taki komentarz,

5:11ale w tym kontrolerze musimy wiedzieć do którego wpisu ten komentarz

5:15chcemy dodać i teraz wiemy jaki użytkownik dodaje komentarz, ale

5:19do jakiego wpisu już niekoniecznie, dlatego tutaj utworzymy sobie

5:23ukryte pole, w tym przypadku musimy to zrobić w ten sposób i jego

5:29name ustawimy na post_id i value wstawimy

5:34tutaj post-id, bo do post'a mamy dostęp, okej. Zatem

5:40teraz utworzymy sobie kontroler, który to wszystko pozwoli nam to dodawać. Będzie

5:44to proste php artisan make:controller

5:49i nazwiemy go po prostu CommentController, według

5:54naszej konwencji. Ten controller będzie

5:58miał tylko jedno metodę i ta

6:02metoda to będzie metoda store. Pamiętaj, że możesz ją nazwać dowolnie, będziesz

6:06ją po prostu musiał zaraz podać w pliku web.php. Tutaj

6:12przechwycimy sobie request, na

6:17początek będziemy chcieli wykonać walidację, więc utworze zmienną data

6:22i znowu tutaj nic czego byś widział do

6:26tej pory, czyli request validate i będziemy chcieli podać tutaj odpowiednie

6:30reguły, a więc przesyłamy post_id i to

6:34jest ważne, będziemy chcieli zrobić tak, że to jest wymagane. Chociażby

6:38to ustawimy jako ukryte pole, to zasadzie wydawałoby, że nikt tego nie zmieni, ale

6:42zawsze musimy dbać o walidację. Ktoś może to podmienić, może wysłać w inny sposób

6:47również to zapytanie, więc to pole musi być po pierwsze wymagane, musi być numeric,

6:51czyli numeryczne i jeszcze jedna walidacja, która bardzo może

6:55nam przydać to jest exists, to oznacza że wartość która tutaj zostanie

7:00przesłana chcielibyśmy żeby się znalazła w tabeli posts pod id,

7:06czyli jeżeli ktoś by tam coś podmienił, tam będzie 10, a w tabeli posts

7:10nie ma id, czyli identyfikatora o wartości 10, wtedy

7:15tutaj ta walidacja nie przejdzie. Zatem myślę to są

7:19wystarczające sprawdzenia, chcemy dodać komentarz i upewniamy się że pust, do którego dodajemy

7:23istnieje przy takim zwróceniu tutaj post_id będzie

7:27okej ale gdyby ktoś to podmienił mogłoby być różnie. Natomiast druga rzecz którą będziemy

7:31sprawdzać to jest content i tutaj reguły walidacji chcemy ustawić oczywiście

7:36na require i kolejną regułą będzie na przykład że

7:40minimum trzy znaki trzeba wpisać żeby ktoś nie wysyłał komentarza, gdzie przykład będą

7:44dwie literki. Ale ta reguła oczywiście jest dyskusyjna, możesz ją ustawić

7:48inny sposób. Jeżeli się uda zwalidować, to wiemy że wtedy tutaj

7:53pod data będziemy już te odpowiednie dane i wystarczy, że

7:58wtedy utworzymy sobie w bardzo prosty sposób komentarz. Musimy oczywiście wcześniej to

8:02zaimportować za pomocą use App Comment i teraz

8:06tutaj Comment create i do

8:10danych, które tutaj są przesyłane musimy jeszcze dodać user_id, żeby to odpowiednio zapisać, więc

8:14mogę napisać data user_id to tam podstawić albo możemy

8:19skorzystać z Helpera jeżeli odpowiednio sobie za importujemy tutaj support Arr.

8:24Czyli będzie to Arr add i chcemy do tej tablicy data

8:28dodać user_id i chcemy to ustawić na wartość

8:32request user_id. Jeśli

8:40komentarz uda się utworzyć to chciałbym zwrócić czyli wrócić do poprzedniej

8:44strony, a więc return back i w sesji wstrzykniemy sobie, a więc napiszemy sobie, a więc napiszemy

8:48tutaj with message. Dzięki temu nasz komunikat się wyświetli Your comment

8:52has benn added. Okej

8:57teraz jeszcze jedna rzecz, którą trzeba zrobić żeby to wszystko mogło działać oczywiście

9:02odpowiednio podstawić ścieżkę tutaj

9:07więc definiujemy Route post

9:11i powiedzmy będzie to comment create Comment

9:19Controller i metoda store. Nazwijmy

9:23tutaj tę ścieżkę żeby się do niej za moment w widoku odwołać comment.create

9:29i ostatnia rzecz, którą trzeba zrobić to tutaj

9:33musimy w tym formularzu zwrócić raute,

9:37nazwa comment.create. Ok,

9:43troszkę napisaliśmy, powinno to działać, więc jeżeli teraz

9:47tutaj dodam jakiś komentarz, wpisze za mało znaków. Jak widzimy

9:51walidacja działa to pole powinno zostać podświetlone. Natomiast jeżeli teraz

9:56piszę My New Comment i spróbuje wysłać

10:00pojawił się jakiś błąd, no właśnie post_id

10:04nie zostało dodane do fillable i tutaj laravel obronił nas

10:08przed tym gdyby ktoś wysłał zbyt wiele danych, dlatego musimy się przenieść

10:15do Comment dodać tutaj protected,

10:19fillable i mówimy,

10:24które pola chcemy pozwalać przy Mass Assigment ustawiać. Będzie

10:29to na pewno post_id, będzie to na pewno user_id

10:33i będzie to na pewno content, czyli zasadzie wszystkie, które są nam potrzebne, czyli

10:38teraz odświeżę i raz prześlę ten formularz, tutaj potwierdzę, żeby te same dane zostały

10:43wysłane, to jak widzisz mamy komunikat, że komentarz się dodał rzeczywiście

10:47ten komentarz tutaj jest i teraz gwarantuję ci, ale nie będę tego pokazywał,

10:51że jeżeli zalogujesz się na innego użytkownika, dodasz komentarz, to on się tutaj pojawi

10:55właśnie z nazwą tego użytkownika.