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.
W tej lekcji przedstawię w jaki sposób za pomocą naszego przygotowanego wcześniej
motywu możemy zmienić układ strony Brand Index która wyświetla informacje o markach
w folderze napisane front pod którym znajduje się ścieżka do naszego motywu.
Konieczne będzie dodanie nowego folderu którego nazwiemy od nazwy modułu w którym
znajduje się lead z układem strony Brand Index czyli Web.
Brand.
Następnie konieczne będzie przygotowanie folderu lead.
I w tym miejscu zostanie dodany plik Brand View Index XML.
Zawartość tego pliku wygeneruje za pomocą Life Places i następnie dodamy nowy blok
do kontenera content w tym pliku mamy dokładnie takie same
możliwości jak w omawianym wcześniej pliku z autem który znajdował się w module.
Tak więc zaczynamy od body.
Następnie refren kontener wskazujemy nazwy danego kontenera czyj to będzie kontener.
I w tym miejscu możemy dodać nowy blok aby
dodać nowy blok przejdźmy najpierw do modułu a brand View lead brand new Index.
I tutaj skupimy sobie wcześniej przygotowany i wykorzystany blok 1.
Możemy go przejść do kontentu
i z racji żeby nie tworzyć nowego szablonu i tak dalej.
Wykorzystamy ten blok ponieważ za pomocą
argumentu kod możemy zmienić nazwę tego bloku zmienimy ją na.
Blok.
Dodatkowo konieczna będzie też zmiana
nazwy tego bloku czyli zmienimy sobie na nim.
Reszta może zostać ewentualnie możemy
usunąć albo nie będzie nam potrzebne i teraz po wejściu na stronę
marki odświeżony ją i możemy zauważyć że na dole został dodany
blok Team blok i teraz bardzo ważne oba pliki.
Brand View Index XML z modułu jak i z motywu Web zostały scalone.
Najpierw może to weszło do pliku Brand
View Index przygotowało sobie układ strony który widzimy tutaj.
Następnie przeszło do motywów do pliku
Brand Index brand i dzieliło oba te pliki dzięki czemu
właśnie blog on znalazł się na dole strony.
Możemy też zrobić aby znalazł się on na
górze strony za pomocą znanych już wcześniej tagów Before I możemy w tym tak
ustawić silnik dzięki czemu pojawi się on na samej górze strony.
Odświeżone więc stronę.
I dokładnie tak też się stało.
Szablon pliku z layoutem · 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>