P 3.4 Datenbankzugriff über Server
Legen Sie eine HTML Seite an, auf der sich folgendes befindet:
- ein simples Formular (mit mindestens 3 verschiedenen Eingabefeldern)
- ein Bereich (z.B. ein div oder ein output) in dem eine Serverantwort angezeigt werden kann
- zwei Buttons die folgendes auslösen sollen:
- Versand der im Formular eingegebenen Daten an den Server, welcher die Daten in Ihre remote Datenbank schreibt. (Bonus: leeren Sie das Formular danach)
- Anfrage an den Server, die in der Datenbank gespeicherten Daten abzufragen und zurück zu geben. Die zurück gegebenen Daten werden im designierten Ausgabefeld als JSON String angezeigt. (Bonus: Formatieren Sie die zurückgegebenen Daten in sinnvoller Weise)
- (Bonus: Fügen Sie den ausgegebenen Objekten je einen Button hinzu, welcher es dem Nutzer erlaubt, die Daten wieder aus der Datenbank zu entfernen (natürlich wieder über eine Serveranfrage, welche dann die Daten wieder aus der Datenbank entfernt)).
Lösungshinweise:
- evtl kann es sinnvoll sein (besonders bei der Bearbeitung der Bonusaufgaben), den Code für die Datenbank auf dem Server in eine eigene Datei auszulagern.
- Testen Sie auf jeden Fall erstmal alles lokal, dann mit ihrer remote Datenbank, dann mit github pages.
- Testen Sie ausgiebig auch andere Datenbank-Funktionalitäten mit Ihrem Node Server, um ein Gefühl dafür zu bekommen, wie der Server mit der Datenbank kommuniziert, welche Rückgabewerte man bekommt, etc.