Methoden zur Bereitstellung von HTML-Inhalten
- Einführung, wie sich mit PostgREST und der Bibliothek htmx HTML-Inhalte zurückgeben und AJAX-Anfragen verarbeiten lassen.
- htmx erwartet HTML-Antworten und verwendet diese, um Elemente im DOM zu ersetzen.
Vorbereitung und Einrichtung
- Erstellung einer To-do-App auf Basis von Tutorial 0.
- Es wird ohne Authentifizierung gearbeitet, und dem Benutzer
web_anon werden alle Rechte auf die Tabelle todos erteilt.
- Hinzufügen von
text/html als Media-Type-Handler, damit PostgREST Anfragen von Webbrowsern als HTML-Dokumente erkennt.
HTML-Antworten erzeugen
- Erstellen einer Funktion, die mit Tailwind CSS eine grundlegende HTML-Datei zurückgibt.
- Webbrowser können die Webseite unter
http://localhost:3000/rpc/index öffnen.
To-dos auflisten und erstellen
- Erstellen einer Funktion, die die bereits in der Datenbank eingetragenen To-dos anzeigt.
- Sie wird zum Aufbau des Templates für die To-do-Liste verwendet, jedoch nicht als PostgREST-Endpunkt genutzt.
- Hinzufügen eines Endpunkts zum Eintragen von To-dos in die Datenbank und Anpassen der Seite
/rpc/index.
To-dos bearbeiten und löschen
- Überarbeitung der Funktion
api.html_todo, um sie funktionaler zu machen.
- Hinzufügen neuer htmx-Funktionen: Ändern des To-do-Status, Rückgabe von bearbeitbarem HTML für To-dos und Löschen von To-dos.
- Hinzufügen von Endpunkten zum Bearbeiten von To-dos sowie zum Aktualisieren und Löschen von To-dos in der Datenbank.
Meinung von GN⁺
- Dieser Artikel dürfte für Webentwickler interessant sein, da er erklärt, wie sich mit PostgREST und der Bibliothek htmx dynamische HTML-Inhalte in Webanwendungen bereitstellen lassen.
- Asynchrone Webseiten-Updates mit AJAX sind ein wichtiger Bestandteil moderner Webentwicklung, und der Artikel liefert ein konkretes Beispiel für die Umsetzung solcher Funktionen.
- Eine gute Ressource, um zu lernen, wie sich Benutzeroberflächen verbessern und die Kommunikation zwischen Server und Client optimieren lässt.
1 Kommentare
Hacker-News-Kommentare