Laravel: Przypisywanie tagów do wpisu

5.8.x

0:00W tej lekcji zajmiemy się przypisywaniem tag'ów do wpisu i

0:04zrobimy to w dosyć ciekawy sposób. Najpierw będę chciał ttutaj w edycji dodać

0:09sobie możliwość przypisywania tagów, dlatego przejdźmy do edit

0:13i w miejscu mieliśmy na przykład date możemy tutaj

0:17dać coś takiego. Od razu już dodaje

0:21gotowy kod, czyli będziemy mieli pole takie zwykłe tekstowe o nazwie

0:26tags. No oczywiście standardowa walidacja tak mieliśmy wcześniej

0:30coś takiego samego chcemy dodać również do create kiedy tworzymy nowy wpis

0:34z tym że tutaj nie będzie walidacji,

0:39więc to możemy po prostu usunąć, okej i teraz wiemy,

0:43że jeżeli jakieś tagi tutaj zostaną wpisane to one się pojawią w

0:48kontrolerze czyli jeżeli przejdziemy sobie do kontrolera PostController w Admin

0:53to tutaj gdzie mieliśmy walidacje możemy również dodać tags i

0:57powiedzieć to jest nullable, bo one mogą nie być podawane. Jeżeli

1:02będą podane to zasadzie nie ważne co tam będzie wpisane, będziemy

1:06musieli się tym jakoś zająć i teraz co my będziemy chcieli zrobić, bo jaka

1:10jest idea tej lekcji idea tej lekcji jest taka, że jeżeli tutaj po

1:14odświeżeniu będzie mieli tags, przy edycji wpiszemy sobie jakiekolwiek

1:18tagi oddzielone spacją i to dla nas będzie istotne, możemy

1:22je nazywać hasztagami, możemy bez hasztagów to nie będzie miało znaczenia ale

1:27jeżeli napiszę sobie tutaj na przykład typo i powiedzmy style,

1:31jakieś krótkie żebyśmy mogli to szybko wpisać. Po przesłaniu tego serwer

1:35to będzie string. Chciałbym ten string rozbić na spacji lub nawet jeżeli

1:39tutaj będzie wiele spacji, tym się za moment zajmiemy i z każdego z tych słów

1:43utworzyć nowy tag w bazie danych. Jeżeli takiego tagu

1:47nie ma, czyli do tabeli tags będziemy chcieli taki tag

1:51dodać, jeżeli go nie ma, a jeżeli on jest to po prostu będziemy

1:56tylko gdzieś zwrócić jego id, bo te id będą nam potrzebne, o czym przekonasz się za moment i ta

2:01lekcja jest o tyle ciekawa, że po pierwszy pokażę ci jak utworzyć własny serwis i po

2:05co możemy to zrobić. Nie jest to koncepcja jakoś ściśle związana z laravelem, po

2:09prostu nie zawsze musimy mieć mnóstwo logiki w metodach kontrolerów.

2:13Czasem warto jest część tej logiki wyekstrahować

2:17sobie do osobnego pliku czyli tak zwanego serwisu i tutaj z

2:21tego skorzystać, dlatego chciałbym taki serwis sobie zrobić, ale zanim

2:26go zrobimy to tutaj takie małe sprawdzenie może sobie dodamy, przy

2:30zapisywaniu na przykład wpisu. Jeżeli już po walidacji, tą walidację

2:34przejdziemy i będziemy mieli tagi jakiś dodane. Czyli

2:38możemy sprawdzić If isset data

2:44tags to wtedy będziemy w jakiś sposób chcieli te tagi przypisać

2:48do tego post'u, więc na razie sobie zostawmy to w ten sposób i

2:52teraz utworzymy sobie pewien serwis, który nam tym pomoże. Jak działają

2:56serwisy, ja przyjmuję sobie i zresztą nie tylko ja taką konwencję, że

3:01tutaj gdzie mamy wszystkie te rzeczy typu Providers Controllers

3:05i tak dalej, tworzę sobie katalog Services i dlatego

3:09utworze go teraz, Services, a w środku utworzymy sobie serwis,

3:14który nazwiemy TagsParsingService.php. To

3:22jest normalny plik php'owy w którym utworzymy klasę, ale w zasadzie mógłbyś utworzyć dowolną rzecz,

3:26natomiast operujemy na klasach, więc tak to również zrobimy. Ważny tutaj jest namespace, namespace

3:36powinien podążać za strukturą na dysku tych katalogów,

3:40dlatego tutaj zrobimy App Services i utworzymy

3:45sobie klasę, którą nazwiemy tak jak nazwy pliku czyli TagsParsingService

3:50i teraz ta klasa mogłaby być taka, którą

3:55możemy, możemy utworzyć nową instancje, ale ja to dam tutaj po

3:59prostu jedną prostą, statyczną metodę, z której za moment skorzystamy, dlatego

4:03public static function parse i tutaj

4:07chcemy otrzymywać tekst i tak jak wcześniej wspomniałem z tego tekstu będziemy

4:12chcieli robić go na spacji i utworzyć odpowiednie tagi, więc

4:17jeszcze na górze od razu sobie skorzystajmy z App Tag bo ten

4:21tak będzie nam potrzebny za sekundę i teraz prosta

4:25logika, utworzymy sobie listę przesłaną do serwera bo zaraz tutaj oczywiście będziemy

4:29przekazywać ten tekst w kontrolerze przesyłanym więc powiedzmy

4:34coś takiego jak type i style i chcemy to rozbić na spacji lub wielu stacjach

4:38więc tutaj można skorzystać wyrażenia regularnego preg_split,

4:42to nam stworzyć tablice właśnie z stringu rozbije go na wyrażeniu regularnym

4:46i to może wyglądać tak, że tutaj podamy stację i plus oznacza

4:50jedną lub więcej i następnie co chcemy rozbić, czyli przekazany

4:55tekst. Jak będziemy już mieli taką listę to utworzymy sobie tablice z identyfikatorami, dlatego,że

5:01tak jak wspomniałem jeżeli tutaj dopiszemy sobie na przykład test i taki

5:05hashtag już tutaj mamy. Ma name test, może sobie nawet zmienimy

5:10tak żeby tutaj ten hashtag się na początku pojawił i tutaj go

5:14też dodamy to chciałbym zrobić tak że skoro on istnieje tego nie dodaję, zwracam

5:18jego id czyli 1, a te dwa pozostałe chciałbym dodać i również zwrócić ich id. Zatem

5:23jak możemy to zrobić? Musimy wykonać pętla foreach, czyli po wszystkich elementach tej listy

5:28as tag i teraz

5:32kluczową rzeczą będzie to że utworzymy czy w zasadzie to napiszemy

5:36sobie zmienną tag. Oczywiście można ją nazwać inaczej. Odwołamy

5:41się do modelu tag i na nim wykonamy ciekawą

5:45metodę, którą eloquent oferuje. Jest to firstOrCreate, czyli to

5:49oznacza zwróć nam pierwszy lub utwórz nowy i tutaj

5:54podamy name, równa się tag i to

6:00oznacza tylko tyle, że name to będzie na przykład hashtag typo, czyli w

6:04bazie danych w tabeli tags znajdź taki, który ma name typo. Jeżeli

6:09jest to go zwróć, Jeżeli go nie ma to utwórz go i dopiero tutaj nam zwróć jego model i teraz

6:14do ids. Za pomocą takiego zapisu będziemy chcieli zrobić

6:18push, czyli wstawić identyfikator takiego tagu albo znalezionego

6:22albo nowoutworzonego i na końcu zwrócimy wszystkie identyfikatory.

6:27Zauważ, że tego kodu nie ma dużo, mógłby on się znajdować w kontrolerze, ale

6:31zdecydowanie lepiej jest go tutaj zapisać i mamy TagsParsingService. Teraz jeżeli

6:36wrócimy do PostController, to będziemy mogli skorzystać i może

6:41zróbmy sobie to tym miejscu use App Services i tutaj TagsParsingService. Dzięki

6:49temu na tym etapie gdzie mieliśmy store, czyli jeżeli wiem

6:53że jakiś tagi zostały przesłane to będziemy mogli identyfikatory tych

6:57tagów pobrać. Stworzymy zatem zmienną tags i odwołam się TagsParsingService

7:03i do jego metody statycznej parse, którą przed momentem utworzyliśmy. Przekażemy

7:07jej tam przesłany ciąg, to nam zwróci identyfikatory,

7:12czyli utworze wszystkie tagi jeśli trzeba, jeżeli nie trzeba to po prostu zwróci ich

7:16identyfikatory i teraz kluczowa rzecz którą należy zrozumieć, w lekcji

7:21poprzedniej pokazałem ci, że jeżeli mamy odwołanie do posta,

7:25to możemy na nim wywołać tags i następnie attach, attach

7:29pozwalało nam przypisać jakiś tag do danego wpisu, a detach pozwalało

7:33nam go usunąć i to było odzwierciedlane oczywiście w tabeli w bazie danych

7:37i teraz mamy jeszcze jedną metodę, która nazywa się sync i ona

7:41dla nas tutaj jest kluczowa, więc odwołamy się do post, tags

7:45i następnie sync. Ta metoda działa

7:49tak, że jak jej przekażemy tablice gdzie będzie na przykład 1 i 2, to

7:54oznacza, że przypiszę do tego wpisu tagi, które mają identyfikator

7:581 i 2 i wszystkie pozostałe usunie. Jeżeli

8:02następnym razem byśmy zrobili na samo 1,a  było tam 1 i 2 to

8:06zostaje tylko jeden, dwujka zostanie usunięta, czyli to po prostu będzie odzwierciedlane

8:11tutaj dokładnie, w tej tabeli. Zatem my już

8:15tablice z identyfikatorami mamy, więc wystarczy

8:19ją tutaj przekazać. Jeżeli to się wydaje skomplikowane,

8:23na spokojnie to sobie prześledź, ale powinno nam to wszystko jak najbardziej zadziałać.

8:28Okej widzę tylko teraz tutaj, że powinniśmy to zrobić troszkę w innym miejscu, bo odwołuje

8:32się do posta, który nie istnieje, więc tutaj on dopiero Jest utworzony i sprawdzimy

8:36czy zostały jakieś tagi przesłane. Okej, więc jeżeli tutaj prześlemy,

8:41tak jak widzimy typo stule i test to powinno być okej, natomiast

8:45jesteśmy tutaj w edycji, a ja póki co dodałem to do metody store. Trochę

8:49tutaj powtórzonego kody już jest, można było pomyśleć również o jakimś serwisie w

8:54którym można byłoby to zawrzeć. Ale zostawmy to razie w tym

8:58miejscu, mamy post update i zrobimy rzecz następującą tak samo jak wyżej. Zatem

9:03ten wpis nie ma przepisanych żadnych tag'ów, bo widzimy, że ta tabela jest pusta, nic tutaj się

9:07zupełnie nie znajduje. Spróbujemy zrobić update. Jak

9:11widzimy Post has been updated, czyli wydaje się że wszystko jest okej i po odświeżeniu tej

9:16tabeli już jest tak jak być powinno. Zatem post miał identyfikator

9:201 i przypisaliśmy do niego tag o identyfikatorze 1 2

9:24i 3. Te tag'i oczywiście zostały utworzone, oprócz tego test, bo on już był. Tak

9:29dokładnie to będzie wyglądać, jak widzisz, te tag'i zostały

9:34tutaj poprawnie utworzone, więc teraz jeżeli będziemy chcieli coś zmienić zresztą te tag'i

9:38jeszcze tutaj musimy wyświetlić, a więc zrobimy coś takiego i prześlemy

9:43update, odświeżmy tutaj, oczywiście w

9:47tabeli tags nic się nie zmienia, żadnego tagu nie usunęliśmy, ale w tej tabeli

9:51już zostało to odzwierciedlone właśnie dzięki metodzie sync czyli tylko te

9:55tagi, które zostały przesłane zostały przypisane do tego właśnie wpisu i

10:00teraz na tym wpisie jeżeli byśmy sobie skorzystali z

10:04post i strzałeczka tags, to wszystkie te tagi będą

10:08dla nas widoczne, okej. Zróbmy sobie w tej lekcji jeszcze jedną rzecz, mianowicie tutaj chciałbym

10:13te tagi móc również wyświetlać. Czyli jeżeli przyjdziemy sobie to edit

10:17to powinniśmy te tagi w odpowiedni sposób tutaj wyświetlać. Te

10:21tagi które będą zwrócone z posts tags, to jest kolekcja i kolekcja

10:25w laravel ma taką metodę jak implode, czyli możemy kolekcję

10:30złączyć. Musimy tutaj

10:34powiedzieć na jakim atrybucie, czyli name i następnie

10:39w jaki sposób chcemy złączyć, chciałbym to złączyć po prostu spacją. Sprawdźmy czy

10:43to zadziała, oczywiście tak mamy typo i style możemy

10:48teraz dodać tutaj test i zapisać. To wszystko tutaj się odzwierciedliło i

10:52oprócz tego, że się odzwierciedliło to oczywiście również jest tutaj i dzięki

10:56temu za chwilkę w kolejnej lekcji będziemy mogli to wyświetlić na stronie. Jak

11:01zatem zobaczyłeś tej lekcji czasami warto do osobnego pliku do takiego

11:05serwisu sobie coś wyrzucić. Jak widzisz również tutaj możesz praktycznie

11:09dowolnie tworzyć sobie tą strukturę, jeżeli tylko nie będziesz nadpisywał jakiś katalogów, które tutaj

11:13się mogą pojawić dlatego że pewne komendy artisan generują tutaj jakieś katalogi,

11:17ale services jak najbardziej dobrze jest sobie tutaj wstawić

11:21i ja zawsze jakąś dodatkową logikę do takich serwisów wyrzucam później

11:25importuje i z nich korzystam.