👥 Schülerliste

🎯 1. Ziel dieser Aufgabe

Du erstellst eine Anwendung zur Verwaltung einer Schülerliste mit folgenden Funktionen:

• Alle Schüler anzeigen
• Einen neuen Schüler hinzufügen
• Einen bestehenden Schüler bearbeiten
• Daten sicher in einer Datenbank speichern

Du kannst wählen: PHP mit XAMPP oder Node.js mit Express.

🛠️ 2. Vorbereitung

• Erstelle einen eigenen Projektordner:
  - PHP: C:\xampp\htdocs\schueler-max\schuelerliste\
  - Node.js: C:\NodeJS\schueler-max\schuelerliste\
• Richte eine Datenbank schueler_db in phpMyAdmin ein
• Lege eine Tabelle schueler an mit:
  id (INT, AI, PK), name (VARCHAR 100), klasse (VARCHAR 20), email (VARCHAR 150)

📝 3. Anforderungen

Die Anwendung muss:

• Eine Übersichtsseite mit allen Schülern anzeigen
• Einen „Hinzufügen“-Button haben
• Ein Formular zum Bearbeiten/Hinzufügen zeigen
• Bei Speichern zurück zur Übersicht leiten
• Responsive und übersichtlich gestaltet sein

🔒 4. Sicherheitsanforderungen

• ✅ Alle Eingaben serverseitig validieren
• ✅ Prepared Statements bei allen Datenbankoperationen
• ✅ htmlspecialchars() (PHP) oder Escaping (Node.js) bei Ausgabe
• ✅ UTF-8 überall (Datenbank, Verbindung, HTML)
• ❌ Keine direkte SQL-Einbettung von Benutzereingaben

🧠 5. KI-Prompt-Training

Aufgabe: Beantworte auf Papier:

1. Warum ist es wichtig, auch beim Hinzufügen von Daten Prepared Statements zu verwenden?
2. Was passiert, wenn du eine ungültige ID beim Bearbeiten übergibst?
3. Wie würdest du einem Anfänger erklären, was CRUD bedeutet?

Danach formuliere einen Prompt, mit dem du KI um Hilfe bitten würdest, um zu entscheiden, ob du für dieses Projekt PHP oder Node.js verwenden solltest.

✅ 6. Abgabe

Lade folgende Dateien in deinen OneDrive-Ordner hoch:

• Alle HTML-, CSS-, JS- und Backend-Dateien
• package.json (bei Node.js)
• Screenshot der Übersichtsseite mit mindestens 3 Schülern
• Screenshot des Hinzufügen-Formulars
• Screenshot des Bearbeiten-Formulars

Erstelle einen Freigabelink auf den gesamten Ordner und gib ihn in Moodle ab.