Wir möchten das Erstellen, Bearbeiten und Löschen von TodoItems nur erlauben, wenn ein User Rechte dafür hat.
Symfony bietet dafür eine Security Komponente, die das Registrieren und den Login von Usern vereinfacht und den Zugriff auf bestimmte Routen einschränken kann.

composer require security

Wir erstellen eine User Entity und Repository:

php bin/console make:user User

Wir erstellen eine neue Migration-Datei, damit die Tabelle User in der Datenbank erstellt werden kann.

php bin/console make:migration

Jetzt aktualisieren wir unsere Datenbank mit der User-Tabelle mit:

php bin/console doctrine:migrations:migrate

Jetzt können wir die Registrierungsform zum Registrieren von Usern erstellen:

php bin/console make:registration-form

Anschließend registrieren wir einen User über das neue Registrierungs-Formular:

Der neue User ist in der Tabelle User in TablePlus sichtbar:

Das Formular zum Einloggen sieht wie folgt aus:

Nach erfolgreichem Login leiten wir zu der Route mit dem Namen „app_todos.index“ weiter.

In der „security.yaml“ Konfigurationsdatei im config-Verzeichnis können wir neben der Weiterleitung beim Logout auch den Zugriff auf Routen für bestimmte User-Rollen beschränken (unter dem Eintrag „access_control“).

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: