Hallo allerseits!
Letzte Woche unterrichtete unser
neuer Lehrer , Backend PHP Developer, die erste offene Lektion zum Thema „Erstellen einer Website mit dem Yii2-Framework“. Wir machen Sie auf die Aufzeichnung und Transkription des Webinars selbst aufmerksam.
Das Yii2 Object Oriented Component Framework ist ein sehr beliebtes und nützliches Tool, das sich beim Erstellen von Websites als nützlich erweist. Die offene Lektion von Evgeny Volosatov, die am 2. Juli 2018 stattfand, war diesem Thema gewidmet. Im Rahmen einer interaktiven Meisterklasse sprach der Lehrer nicht nur in ähnlicher Weise über die Merkmale des Frameworks, sondern zeigte auch dessen Anwendung in der Praxis.
Die Arbeit in einer offenen Lektion erfolgte nach dem Prinzip: "Es ist besser, es einmal zu tun, als hundertmal zu sehen." Alle Schritte wurden nacheinander und nach einem zuvor erstellten Plan durchgeführt. Zum besseren Verständnis des Frameworks wurden keine vorgefertigten Vorlagen geladen. Alle Änderungen werden Schritt für Schritt festgeschrieben. Das Feedback wurde mit den Schülern aufrechterhalten, so dass der Lehrer sofort Fragen beantwortete und dabei half, mit Schwierigkeiten und Fehlern umzugehen.
Die folgenden Tools wurden in der Online-Lektion verwendet:
- Server öffnen
- PhpStorm-Entwicklungsumgebung
- Git-Software
- Ein Composer Application Level Manager.
Die gesamte erforderliche Software wurde vor Arbeitsbeginn auf dem PC installiert.
Während der Meisterklasse wurden die Schüler gebeten, zusammen mit dem Lehrer eine Reihe praktischer Aufgaben zu erledigen:
- Vorbereitung des Arbeitsplatzes. Der erste Schritt besteht darin, das Betriebssystemfenster über den Open Server-Ordner zu starten und zu konfigurieren (Auswahl einer speziellen Version von Apache-PHP-7 auf der Registerkarte "Module", Erstellen einer lokalen Domäne otus.localhost auf der Registerkarte "Domains"). Außerdem wurde der Ordner otus unter der Adresse OpenServer / Domains erstellt und der Webordner darin erstellt. Diese Adresse wurde zum Stammverzeichnis der zukünftigen Site, während der Pfad dazu (\ otus \ web) auf der Registerkarte "Domains" manuell angegeben wurde. Nach Abschluss der Servereinstellungen wurde die Site erfolgreich gestartet und im Browser unter otus.localhost verfügbar.
- Erstellen Sie die erste Projektdatei. Dieser Vorgang wurde wie viele nachfolgende über die Open Server-Konsole ausgeführt. Es enthielt Befehle zum Eingeben des otus-Ordners (> cd otus), des Domänenordners (> cd-Domänen) und des Webordners. Die erste index.php-Datei wurde manuell im Web erstellt und eine Zeile mit einfachem Inhalt wurde gesendet - Willkommen.
- Installieren des Yii2-Kernels. Die Prozedur begann damit, dass die Version des Composer-Paketmanagers über den Befehl> composer self-update aktualisiert und durch Laden von Bibliotheken und Modulen für die Arbeit vorbereitet wurde. Außerdem wurde Git initialisiert (> git init) und die erstellte Datei wurde damit verbunden (> git add web \ index php). Installieren Sie als Nächstes den Yii2-Kernel über den Befehl> composer require "yiisoft / yii2: *". Infolgedessen wurden die Dateien composer.json und composer.log im Webordner sowie im Herstellerordner angezeigt (sie wurden zu Git-Ausnahmen hinzugefügt). Danach war es notwendig, PhpStorm herunterzuladen und bestimmte Konfigurationseinstellungen und Befehle in index.php zu schreiben. Außerdem wurde im Ordner otus ein separater Ordner für die Konfigurationseinstellungen erstellt, in dem sich eine web.php-Datei mit dem entsprechenden Inhalt befand.
- Erstellen Sie einen Entwickler-Einstiegspunkt für die Verwaltung des Programms. Der Ordner Controller wurde mit der Datei SiteController.php erstellt, die erforderlichen Funktionen und die Klasse mit der Vererbung des Webcontrollers wurden registriert.
- Erstellung von Darstellungen (Ansichten). Zu diesem Zeitpunkt war ein Verzeichnis mit demselben Namen erforderlich, und für jeden Controller wurde ein zusätzlicher Ordner erstellt, der für jede einzelne Methode eine index.php-Datei enthielt. Die HTML-Struktur wurde in die Datei main.php geschrieben, die im zuvor erstellten Layoutordner abgelegt wurde (dies half, einen Fehler zu vermeiden).
- Verbinden und konfigurieren Sie Bootstrap-Skins. Eine schwierige und wichtige Phase, deren erfolgreiche Umsetzung Möglichkeiten für die Entwicklung schöner Standorte ohne Beteiligung eines Designers eröffnete. Um das Modul zu installieren, wurde der Panel-Befehlszeile ein Befehl hinzugefügt, um die Komponenten zu verbinden. Anschließend wurden sie heruntergeladen. Auch in der Datei main.php musste ein PHP-Skript erstellt und mit Bootstrap verbunden werden. Als nächstes wurde die NavBar-Komponente aufgerufen, die für die Navigation erforderlich ist. Es sind Fehler aufgetreten. Um diese zu vermeiden, wurde die Composer-Konfiguration in der Datei composer.json mit dem richtigen Installationspfad neu konfiguriert. Danach wurde es möglich, den Bower-Asset-Ordner im Vendor-Ordner zu löschen. Außerdem wurde an der Konfiguration des Entwurfsmoduls gearbeitet (Trigger, ein Div-Container usw. wurden zur Datei main.php hinzugefügt).
- Erstellen Sie Menüleisten- und Navigationselemente. Verbinden und Anmelden. Aufgaben wurden implementiert, indem der erforderliche Code in main.php eingefügt wurde. Um mit der Seitennavigation im Site-Ordner zu arbeiten, wurden neue PHP-Dateien mit Namen erstellt, die den Navigationselementen (join.php, login.php) entsprechen. Zusätzlich wurden Änderungen an der Steuerung vorgenommen. Um in der Adressleiste "aufzuräumen", musste ich die urlManager-Komponente verbinden und die Regeln für die Umleitung von Browseranforderungen in der dafür erstellten .htaccess-Datei (Webordner) festlegen.
- Anschließen der Debug-Erweiterung für das Yii2-Projekt-Debugging-System. Damit das System funktioniert, wurde spezielle Software heruntergeladen und installiert (beim Anschließen wurden die in den Anweisungen auf der Website des Herstellers beschriebenen Schritte ausgeführt). Nach erfolgreichem Bestehen dieser Phase konnte der Benutzer die Protokolle, Anforderungen, Konfiguration und andere Parameter der Site über ein spezielles Schnittstellenfeld am unteren Rand der Seite anzeigen.
Wie immer warten wir hier auf Fragen, Vorschläge, Kommentare oder schauen uns die zweite
offene Lektion an .