05. Datenbank-Verwaltung 🏆

🎯 1. Ziel dieser Übung

Du baust eine vollständige Verwaltungsoberfläche für deine Nachrichten-Datenbank:

• Alle Einträge anzeigen
• Einen Eintrag bearbeiten (ändern)
• Ein CSS-gestaltetes Formular verwenden
• Alle Sicherheitsregeln einhalten

🛠️ 2. Vorbereitung

• Verwende die Datenbank kontakt_db aus Übung 04
• Erstelle einen Ordner: C:\xampp\htdocs\schueler-max\verwaltung\
• Erstelle eine externe CSS-Datei style.css für das Design

👁️ 3. Aufgabe 1: Alle Einträge anzeigen

Erstelle index.php, das alle Nachrichten anzeigt – mit:

• Jeder Eintrag hat einen „Bearbeiten“-Link mit ?id=5
• Sauberes, übersichtliches Layout mit CSS

✏️ 4. Aufgabe 2: Bearbeitungsformular

Erstelle bearbeiten.php, das:

• Den Eintrag mit der übergebenen id aus der DB lädt
• Ein Formular mit den aktuellen Werten anzeigt
• Nach dem Absenden die Änderungen speichert (mit Prepared Statement)
• Zurück zur Übersicht leitet

🎨 5. Aufgabe 3: CSS-Design

Gestalte deine Seiten mit einer externen CSS-Datei:

• Klare Schriftarten und Abstände
• Farbliche Hervorhebung von Überschriften
• Responsive Formularfelder
• Kein Inline-CSS!

🧠 6. KI-Prompt-Training

Aufgabe: Beantworte auf Papier:

1. Warum muss man bei UPDATE auch Prepared Statements verwenden?
2. Was passiert, wenn du die id nicht validierst?
3. Warum ist ein externes CSS besser als Inline-Stile?

Danach formuliere einen Prompt, mit dem du KI um Hilfe bitten würdest, um zu erklären, wie man in PHP sicher einen Datensatz aktualisiert – ohne fertigen Code zu kopieren.

✅ 7. Abgabe

Lade folgende Dateien hoch:

• index.php
• bearbeiten.php
• db.php
• style.css
• Screenshot der Übersichtsseite
• Screenshot des Bearbeitungsformulars

Gib einen Freigabelink auf den Ordner in Moodle ab.