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.
Często podczas pracy z motywami pojawia się potrzeba napisania szablonu który
został dodany podczas tworzenia danego modułu.
Zajmiemy się właśnie w tej lekcji
napisaniem szablonu który dodaje informacje o naszej marce.
Na początku zaczniemy od stworzenia nowego pliku szablonu czyli pliku HTML.
Aby go dodać do naszego motywu konieczne
będzie w folderze Brand dodać nowy folder o nazwie Templeton.
A następnie podamy nowy plik który możemy nazwać tak jak chcemy.
Możemy go po prostu nazwać New.
Temple HTML.
Do niego dodamy przykładowo zawartość np.
New Temple.
Przejdziemy teraz do pliku brand new Index w naszym.
I następnie co demonstruje w jaki sposób możemy napisać szablon.
Na początku konieczne będzie użycie tagów referencji blog.
Następnie podajemy nazwę bloku którego
szablon chcemy napisać w naszym przypadku będzie to blok Hello world.
Następnie możemy za pomocą instrukcji czy
też atrybutów planet dodać informację o nowym szablon.
Tak więc dodajemy nazwę.
Brandt.
Następnie z racji że nowo stworzony plik
nazywa się New Templeton znajduje się bezpośrednio w katalogu Temple jest to
podajemy od razu nazwę pliku czyli New Temple HTML.
Możemy teraz przejść do przeglądarki i odświeżyć stronę.
Po stworzeniu możemy zauważyć że
rzeczywiście informacje o marce zostały zastąpione informacją.
Następną opcją aby zmienić szablon pliku jest wykorzystanie tzw.
akcji dlatego też usunięty atrybut Templeton.
Rozwinie ten.
I tutaj mamy dostępną opcję jak Action.
Pojawia się nam atrybut metod do którego piszemy zawartość Templeton.
Jest to nazwa metody która zostanie
uruchomiona podczas inicjacji naszego bloku.
Następnie konieczne będzie dodanie następnego zagęszczenia czyli argumentu
w argument że wskazujemy wartość tam plac czyli chcemy napisać za pomocą instrukcji
Templeton wartość Temple aby rozróżnić że jest to rzeczywiście nowy szablon skąd
figurują i jeszcze jeden nowy projekt który nazwiemy.
Ten płat.
X.
Zmienimy też zawartość tego pliku.
Wróćmy teraz do Brand Index i teraz tak samo jak wcześniej podajemy nazwę modułu.
I następnie ścieżkę do pliku czyli w tym przypadku samą nazwę Planet X w HTML.
Konieczne jeszcze na końcu będzie dodanie
informacji o typie danego argumentu czyli X i jest to argument typu string.
Dopiero teraz możemy przejść do przeglądarki i odświeżyć stronę.
Niepostrzeżenie możemy zauważyć że rzeczywiście tekst nie został zmieniony na
X czyli został wykorzystany nowy szablon Temple X.
Przejdźmy jeszcze do edytora kodu w którym
pokażę ci gdzie rzeczywiście znajduje się metoda Templeton.
Z racji że blog Hello World
nie ma informacji o klasie marzeń to wykorzystuje standardową klasę Templeton.
Przeszedł więc do niej.
Czyli do klasy WT Plate.
Pełna ścieżka jest to framework dwu element.
I tutaj znajduje się metoda set
którą właśnie wykorzystaliśmy za pomocą instrukcji Action.