REST / CRUD mit Astro
Section outline
-
-
Scheinbar hat Moodle derzeit ein Problem beim Abspielen der Videos.
Darum lege ich hier die Videos 1-7 nochmal als ZIP ab. Die Videos können herunterladen werden und lokal auf dem Rechner angeschaut werden.
-
Scheinbar hat Moodle derzeit ein Problem beim Abspielen der Videos.
Darum lege ich hier die Videos 1-7 nochmal als ZIP ab. Die Videos können herunterladen werden und lokal auf dem Rechner angeschaut werden.
-
- Cloud Services
- Rest mit CRUD (Create, Read, Update, Delete)
- Astro Endpoints (siehe Videos und kommentierter Code)
- SQLite und Datentypen.
-
- Ordnerstruktur aktualisiert
- Ordner und Config vorgestellt
- Layout vereinfacht
-
Verschiedene DaisyUI Themes festlegen, verfügbre Themes: https://daisyui.com/docs/themes/?lang=de
-
- Signals
- Buttons
- Editfelder mit onInput
-
Erkläreungen der REST/CRUD aus dem Skript
-
- Darstellen einer Tabelle mit Solid-Funktion <For each
-
- Datenbank erzeugen mit der Methode initdb.js mit npx:
- npx node ./inidtdb.js
-
- SQLite
- SQL-Befehle: SELECT, WHERE, ORDER BY
Die Bibliotheken wurden in package.json bereits eingefügt. Sie wurden folgendermaßen hinzugefügt:
- npm i better-sqlite3
- npm i uuid
- npm i path
Mit DB Browser können SQLite Datenbank dateien geöffnet und editiert werden: https://sqlitebrowser.org/dl/
UUIDs erzeugen: https://www.uuidgenerator.net/version4 -
- Endpoints in Astro /pages/api/persondb.ts
- Postman Einführung
-
- 2_SimpleTableGet
- createResource
- Auslagern der axios (fetch calls) in stores/personStore.js
-
- CRUD Service auf api/persondb
- POST, PUT, DELETE in der Route
- Öffnen eines Modals, Ändern und Anlegen der neuen Daten (Person).
- Löschen
- Neue Elemente <Switch> <Match>, Modals (dialog).
-
- CRUD Service mit Rent
- Dropdowns mit Solid
- Laden aller Daten
-
- Items anlegen, löschen, ändern, lesen
- Bild uploaden
- Endpoint zum Bildupload imgitem.ts