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 Formular übergeben:

Im folgenden Schritt erstellen wir das edit Twig Template mit dem Formular:

In diesem Schritt erstellen wir ein Formular, das wir für das Erstellen von TodoItems verwenden:

php bin/console make:form TodoItemFormType TodoItem

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:

php bin/console make:entity

Nach Erstellen der Entity und des Repository können wir das DB-Schema aktualisieren:

php bin/console doctrine:schema:update --force

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:

php bin/console doctrine:database:create

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:

php bin/console debug:router

Über den Namen „app_todos.create“ kommen wir an die Route zum Erstellen heran.

Jetzt können wir das Twig Template für das Erstellen von Todos hinzufügen:

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:

1. Symfony TodoApp – Projekt mit Git + Github erstellen
2. Symfony TodoApp – TodosController erstellen
3. Symfony TodoApp – Twig Template anpassen
4. Symfony Todo App – Bootstrap Styles hinzufügen
5. Symfony Todo App – TodosController: Create Route hinzufügen
6. Symfony Todo App – Datenbankverbindung erstellen
7. Symfony Todo App – Entity + Repository erstellen
8. Symfony Todo App – TodoItems aus TablePlus Tabelle anzeigen
9. Symfony todo App – Formular für Erstellen von TodoItems erzeugen
10. Symfony Todo App – Formular für Bearbeiten von TodoItems erzeugen
11. Symfony TodoApp – Löschen-Funktion für TodoItems erzeugen
12. Symfony TodoApp – Login + Registrierung hinzufügen

composer require make

composer require annotations

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: