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.
Wiemy już w jaki sposób to ładuje pliki
więc dlatego przejdźmy do edytora kodu i stwórzmy nasz własny układ strony.
Przechodzimy do modułu Brand tworzymy katalog VU.
Następnie w kolejnym zagrożeniu wskazujemy
na strefę w której dany układ stron będzie działał na nasz system.
Dlatego też z racji że jesteśmy na froncie dodajemy wartość front.
I w kolejnym zagrożeniu dodajemy katalog aut w będą znajdować się
nasze konfiguracje dla układu stron Brand Index.
Dokładnie tak samo nazywamy też plik Brand Index.
XML przygotowałem sobie wcześniej listę pytań który pozwoli mi na wykorzystanie
słowa kluczowego Leo które pobiera mi zawartość pliku lead.
Warto zwrócić uwagę
że w pierwszym zakażeniu podaliśmy sobie konfigurację aby nasza
strona korzystała z układu jedno klucz nowego.
Następnie w pierwszym rzędzie mamy do
wyboru kilka opcji Body Head HTML oraz update za pomocą body.
Możemy skonfigurować dodawać
zmieniać usuwać bloki czy kontenery które znajdują się w ciele naszej strony.
Następnie za pomocą taka chec możemy
modyfikować zawartość pomiędzy znaczniki head czyli możemy dodać np.
nowe skrypty.
Nowy Plik CSS czy np.
Meta tagi.
Następnie mamy do wyboru słowo kluczowe html dzięki któremu możemy
dodać pewne atrybuty do HTML w zawartości naszej strony
internetowej i na samym końcu jest jeszcze znacznik
update dzięki któremu możemy wykorzystać uchwyt do innego pliku z układem strony.
Na tę chwilę wrócimy do wody.
W którym znajdują się takie
opcje jak blok front kontener oraz blok mów i komponent itd.
Ważne jest aby zrozumieć że układ stron jest własną strukturą to znaczy że na
początku w pliku XML możemy jeszcze do niego teraz przejść.
Patrzyliśmy już wcześniej w poprzedniej
lekcji jednak Wróćmy jeszcze raz do niego do folderu.
Może to.
Modlił.
Tim.
I tu jest plik MP3 XML w tym pliku są zawarte do domyśla
konfiguracja kontenerów i na przykład jest tu kontener o nazwie Route.
Warto zwrócić uwagę na to że atrybuty
i wartość root wskazuje na identyfikator tego kontenera w obrębie strony.
Dlatego też my możemy skorzystać za pomocą znaczników refren
kontener do danego kontenera i do niego dodać kolejne bloki czy kolejne kontenery.
Wróćmy do naszego pliku i opowiemy
czym się różni kontener od bloku więc kontener.
Zawiera w sobie pewne elementy.
On sam nie dodaje żadnych informacji do naszej strony.
On służy tylko i wyłącznie do przechowywania informacji o innych
elementach czyli o innych kontenerach czy też o innych blokach.
Jeśli kontener jest pusty nie zawiera innych elementów to taki kontener zostanie
pominięty przez to i nie zostanie wygenerowany.
Natomiast blok jest to pojedyncza jednostka
w układzie strony która już zajmuje się konkretnym oświetleniem pewnych informacji
i o ile Blok znajduje się w kontenerze to kontener wygeneruje dany blok.
Natomiast jeśli blok posiada jakieś inne bloki pod sobą to konieczne jest
wymuszenie za pomocą metody GET HTML wygenerowania zawartości danego dziecka
danego bloku następnej lekcji do pliku z autem dodamy
nowy blok który zajmie się wyświetlenia słów Hello world.
Szablon pliku z layout.xml · 1 min
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
</page>