Frontend CRUD

[jipsonminibhavan]

Eine Komponente, um alle Links aufzulisten (LinkList).

Eine Komponente, um einen neuen Link hinzuzufügen (AddLinkForm).

Eine Komponente, um einen Link zu aktualisieren (UpdateLinkForm).

Fetch-API , damit das Frontend mit dem Backend kommunizieren kann.

Routing, Zustandsverwaltung mit Pinia

Links auflisten: Nach dem Einloggen zeigt die Anwendung eine Liste aller bestehenden Links an. Jeder Link hat Schaltflächen zum Bearbeiten Edit und Löschen Delete.

Neuen Link hinzufügen: Ein sichtbarer Button create link führt auf eine Seite mit einem Formular, um einen neuen Link zu erstellen. Nach dem Erstellen Button Save wird der Nutzer zur Liste umgeleitet.

Link löschen: Nutzer können einen Link löschen, müssen aber vorher eine Bestätigung abgeben.

Link aktualisieren: Die Bearbeitung eines Links erfolgt über ein Formular mit vorab ausgefüllten Daten des Links. Ein Zurück-Button leitet zurück zur Liste, und ein Speichern-Button aktualisiert den Link und leitet ebenfalls zurück.