od Podstaw
5 godz. 56 min · PHP · Full-stack i Programowanie
Patryk WaluśBackend DeveloperZanim przejdziemy do omawiania możliwości Magento, przedstawię Ci w jaki sposób skonfigurować środowisko developerskie oraz jak zainstalować nowy projekt. Omówimy też polecenia i narzędzia, które są przydatne podczas pracy developerów.
Rozpoczniemy od przedstawienia oraz omówienia funkcji poszczególnych katalogów, które znajdują się w projekcie. Po wstępie stworzymy swój pierwszy moduł oraz przedstawię podstawowe techniki wykorzystywane przez Magento do zarządzania konfiguracjami czy modułami.
Magento wykorzystuje bardzo popularny wzorzec MVC, który składa się z trzech elementów. Aby z łatwością rozumieć jak system obsługuje żądania HTTP najpierw przestawię ogólne działanie MVC, a następnie jak to działa w Magento.
Szczegółowe omówienie wzorca MVC rozpoczniemy od literki C czyli Controller'a. W tym rozdziale dowiesz się jak zarejestrować w systemie nową ścieżkę, jak pobierać parametry oraz w jaki sposób zwrócić rezultat odpowiedni dla danego przypadku.
Gdy już zarejestrujemy nową stronę, konieczne będzie zdefiniowanie jej wyglądu. Dlatego też, przedstawię Ci jak to zrobić oraz jakie możliwości Magento udostępnia do manipulacji układem stron. Omówię różnice między kontenerem, a blokiem oraz pokaże jak modyfikować tagi w sekcji.
Aby wcześniej dodana strona była funkcjonalna, konieczna jest jej integracja z bazą danych. Do tego celu stworzymy m.in. Model, za pomocą którego będziemy komunikować się z MySQL. Przedstawię Ci też dobre praktyki, które pozwalają na tworzenie kodu wysokiej jakości.
W ostatnim rozdziale omówimy konfigurację nowego motywu w Magento. Pozwoli Ci to zrozumieć jak tworzyć różne wersje wyglądu dla sklepów internetowych.
Ten kurs w szczególności przyda się osobom, które chcą poznać podstawy framework'a Magento 2. Przedstawione w nim fundamentalne informacje pomogą zrozumieć sposób działania systemu, a także w jaki sposób można dodawać czy rozszerzać swój projekt o nowe funkcjonalności.
Udało nam się stworzyć naszą pierwszą stronę w sklepie to
teraz w tym rozdziale zajmiemy się konfigurację układu z tej strony
pokaże w jaki sposób to znajduje pliki konfiguracji inne tzw.
pliki z autem.
Następnie jakie mamy możliwości w tych plikach czyli co możemy zrobić.
Opowiemy o kontenerach w blokach.
W jaki sposób modyfikować zawartość tagów HTML bierzemy się więc do roboty.
Zaczniemy od wyjaśnienia w jaki sposób to
wyszukuje odpowiedni plik z autem adres URL składa się z czterech części z
czego pierwsza część jest wspomniana czyli to jest ta nazwa domeny.
Interesują nas trzy pozostałe człony czyli Front w kontroler Action front Name.
W tym przypadku odpowiada ID który
zdefiniowany w pliku XML i jak skonfigurować tamten plik
wspominałem że ród ID jest wykorzystywany jako pierwszy człon w pliku z autem.
Właśnie dlatego też ród ID oraz Front powinien być taki sam
aby łatwiej można było znaleźć na podstawie danego adresu URL jaki plik
odpowiada w systemie plików znajdują się poniżej pliki które
to będzie dołączone jako konfiguracja układu naszej strony Brand View Index.
Pierwszym plikiem jest plik PDF
XML który jest wspomnianym wcześniej domyślną chwytem i to on zawiera taką
podstawową konfigurację czyli taką pustą stronę tak jak widzieliśmy w poprzednim
rozdziale zawiera on załóżmy menu stop oraz oraz domyślnie pustą stronę.
Następnie na podstawie
ID kontrolera oraz akcji możemy to wyszukuje pliki w folderze Apco kod
aby dodać dla strefy frontem czyli w naszym przypadku właśnie my
znajdujemy się w strefie content konieczne będzie wykorzystanie katalogu ww.
frontem oraz następnie stworzymy plik o
nazwie która składa się z tych trzech członów.
Dodatkowo agentów wyszukuje w katalogu App
Design w zależności od motywu którym aktualnie skonfigurować dla to.
Tak samo w folderze front odpowiedni plik odpowiedniej nazwy
składającej się właśnie z tych trzech członów.
Chciałbym przypomnieć jeszcze o kwestii scalenia plików XML.
Jeśli stworzymy inny moduł który będzie
znajdował się w katalogu ABC ale ścieżka front oraz nazwa pliku czyli w
naszym przypadku będzie to brand View Index będzie taka sama.
To to scali układ.
Układ stron na podstawie tych plików.
Dodatkowo to też będzie szukało w folderze Up Design w zależności od wybranego motywu
pliku o takiej samej nazwie dzięki czemu mamy możliwość np.
stworzenia domyślną układu stron w naszym Module.
Natomiast deweloper który będzie załóżmy tworzył nowy motyw może
napisać lub też dodać kolejne bloki czy też kontenery do naszego układu stron.
W poprzedniej reakcji
odnośnie dostępnych typów rezultatów dla akcji wspominałem o tym że aby
wyświetlić domyślną stronę domyślny układ stron korzystamy z takiego typu jak typ
Page typ Page dodaje właśnie uchwyt do pliku XML dzięki czemu mamy tą domyślną
stronę jeśli skorzystamy natomiast z Triple J to to nie dodaje uchwytu do pliku
XML dzięki czemu może to tylko i wyłącznie szuka plików o odpowiedniej nazwie czyli w
tym przypadku Brand View Index i szukaj folder oraz aby design.
Natomiast z racji że w poprzednim rozdziale nie mieliśmy
jeszcze układu stron przygotowanego to ta strona była pusta.
Przejdźmy teraz do edytora kodu.
Znajdujemy się w akcji indeks zwrócony
jest tak jak zakończyliśmy w ostatnim rozdziale.
Natomiast chcę pokazać w którym miejscu dokładnie jest dołączany ten uchwyt.
Więc przejdźmy do Record Factory.
Następnie tutaj w tablicy tej PAP mamy
klasy dostępne klasy które im prezentują dostępne typy.
Interesuje nas klasa Page.
Wchodzimy do niej i poszukujemy taką metodę jak hit Lead w tej metodzie.
Należy zauważyć że wykorzystywana jest
metoda handlu która dodaje uchwyt Depot i to właśnie dzięki tej metodzie
to w przypadku typu Page dodaje domyślną konfigurację.
Pokażmy teraz w takim razie jak wygląda ten plik XML.
Aby to zrobić przejdziemy do wieczora
wyszukane najpierw katalog to następnie moduł.
Dean.
W tym module zawarta jest podstawowa implementacja odnośnie motywów.
Wymaga to jednak interesuje nas tylko i wyłącznie teraz katalog ww.
.
I katalog front.
Z racji że jesteśmy w strefie frontu
przechodzimy do katalogu aut który zawiera konfiguracje układu stron.
I tutaj widzimy właśnie plik XML w tym pliku.
Jak już wspominałem znajdują się konfiguracje układu strony.
Należy zauważyć że jest takie słowo
kluczowe jak boty dzięki któremu możliwe jest skonfigurować
kontenerów bloków które mają się znaleźć w ciele HTML.
Dodatkowo na górze tego pliku jest też taki tak jak update którym za pomocą opcje
handlu możemy wskazać z jakiego dodatkowego pliku z tym chcemy
skorzystać czyli możemy sobie załączyć dodatkowy plik dodatkową konfigurację
która zostanie odczytana przez zaczęto tutaj skonfigurować plik DivX Red Box.
Poniżej znajduje się dokładnie plik o takiej samej nazwie jak uchwyt
który jest skomplikowany w pliku XML otworzymy teraz ten plik.
Możemy tutaj zobaczyć że ten plik dodaje domyślny blog Head możemy zauważyć że
jest tu pewien meta tak support dodawany jest też skrypt Rick James.
Co dalej.
Wróćmy do XML co jest bardzo ważne w sekcji Page.
Jest takie słowo kluczowe jak lead ta wartość odpowiada tzw.
Page lead.
Jeśli przejdziemy trochę niżej w liście
katalogów zauważymy taki folder jak Page Lead w którym zawarte są takie pliki XML
jak łańcuchową czy właśnie Flickr które jest zdefiniowane w XML.
Przejdźmy do niego.
Możemy tutaj zauważyć że znowu ten plik dołącza kolejny uchwyt tzw.
Left i tak naprawdę wszystkie te pliki
z Page out i możemy przejść teraz do pliku tylko z Left który też dodaje uchwyt do
pliku Ułamka ale już też dodaje pewną pewien kontener.
Na przykład Deep Silver Maine Arizona przejdźmy do następnego pliku.
I tutaj też znowu możemy zauważyć uchwyt
do tym razem pliku MP3 oraz kolejne kontenery które ten plik dodaje.
Co to jest uchwyt empatii.
Nie widzimy go w folderze front.
Natomiast Aby go zobaczyć przechodzimy do folderu back
w katalogu Page lead znajduje się właśnie plik XML i tak jak już wiemy folder back
służy jako połączenie strefy admin HTML oraz front.
Czyli jeśli plik XML znajduje się w
folderze bazy jest on zarówno dostępny w strefie admin HTML oraz front.
Dlatego też po otworzeniu tego pliku
możemy zauważyć domyślną strukturę z jakiej składa się agentom.
Jest to definicja pierwszego kontenera
Root który następnie zawiera kolejne kontenery które zawierają kolejne itd.
Na potrzeby naszej strony która będzie wyświetlana informacje o markach my
będziemy się obracać w obrębie katalogu aut.
Przejdziemy za chwilę do
naszego modułu i tam będziemy dodawać już konfigurację układu strony.
Natomiast jeszcze wspomnę o tym że
pięć lat czyli właśnie definicja i tak dalej zdefiniowana jest w pliku XML
i jeśli przejdziemy do katalogu frontu znajduje się TUTAJ plik XML który zawiera
definicje dostępnych dla YouTube i teraz wspomnę tylko jeszcze o tym że
my możemy wykorzystywać właśnie tak jak jest to zrobione w pliku XML.
Za pomocą wartości atrybutów lead możemy wskazać na domyślny układ naszej strony.
Mamy do wyboru dostępne tutaj w tym pliku opcje i możemy tym sterować.
Dowiedzieliśmy się w tej lekcji w jaki sposób może to wyszukuje pliki z autem.
Wiemy też jak wygląda plik XML oraz jakie mamy dostępne możliwości skonfigurować
układu stron czyli czy też wykonamy następnej lekcji.
Powiem coś więcej o kontenerach oraz blokach.