In diesem Schritt fügen wir einen Löschen-Button zum Löschen von TodoItems in dem index Twig Template hinzu: Der Löschen Button ist analog zu dem Editieren Button, das ganze sieht im Browser so aus: Bei Klick auf den Löschen Button wird im TodosController die Lösch-Funktion über den EntityManager ausgelöst:
Jetzt erstellen wir das Bearbeiten-Formular für TodoItems. Dazu fügen wir zuerst einen Editieren-Button in unserem index Twig Template hinzu: Das sieht im Browser so aus: Wir übergeben an den Pfad zum Erzeugen des Edit-Buttons die jeweilige ItemId. Über diese Id können wir dann das entsprechende TodoItem über das Repository laden und zum Bearbeiten an das…
In diesem Schritt erstellen wir ein Formular, das wir für das Erstellen von TodoItems verwenden: Das erstellte FormType sieht so aus (wir fügen außerdem den Submit-Button hinzu): Danach fügen wir in der twig.yaml Konfigurationsdatei ein Form-Theme hinzu, damit unser Formular mit Bootstrap-Klassen gestylt wird: Unser Formular kann sich im Browser sehen lassen:
Wir fügen zuerst ein paar Einträge in die TodoItem-Tabelle ein, damit wir diese im Index-Twig-Template ausgeben können: Anschließend verwenden wir das TodoItemRepository im TodosController, um alle Tabellen-Einträge abzurufen und mit dd() auszugeben. Wir erhalten unsere 3 von Hand erstellten Einträge und können diese in einer Bootstrap-Tabelle ausgeben:
Wir erstellen eine Entity und ein Repository für TodoItem folgendermaßen: Nach Erstellen der Entity und des Repository können wir das DB-Schema aktualisieren: In TablePlus sieht die neue Tabelle so aus:
Jetzt erstellen wir zunächst eine DB-Verbindung zu MySQL, damit wir eine Tabelle erstellen können.Wir tragen unsere Verbindung in der .ENV Datei ein: Mit dem folgenden Befehl können wir unsere Datenbank erstellen: Unsere Datenbank hat bisher keine Tabellen, sie sieht in TablePlus folgendermaßen aus:
In diesem Schritt fügen wir eine neue Route für das Erstellen von Todos hinzu und passen den Namen der bisherigen Route an: Wir können uns die definierten Routen und Namen der jeweiligen Route per CLI ausgeben lassen: Über den Namen „app_todos.create“ kommen wir an die Route zum Erstellen heran. Jetzt können wir das Twig Template…
In diesem Schritt fügen wir die Bootstrap Styles hinzu! Dazu passen wir das Twig Layout an: Nach Hinzufügen von Bootstrap passen wir den Style des „Erstellen-Buttons“ an.
Wir passen das Twig Template folgendermaßen an: Entfernen der Styles Hinzufügen von Überschriften Hinzufügen eines „Todo erstellen“ Buttons Anzeigen der Todos Das ganze sieht im Browser so aus:
Bevor wir einen Controller mit Symfony erstellen können, brauchen wir ein paar zusätzliche Pakete: Jetzt können wir über das CLI einen TodosController erstellen: Im Browser können wir den TodosController über die Route „/todos“ erreichen: Wir sehen die Antwort vom TodosController, ein Twig Template: Nun checken wir die Änderungen am TodosController und dem Twig Template ein: