pocketdb-demo/README.md

Voorbeeld van een applicatie met PocketBase

https://pocketbase.io/ is de database, maar tegelijk ook de achterkant (backend) van de server Voor de voorkant gebruiken we gewoon HTML, CSS en Javascript. Als CSS framework is Pico CSS gekozen. Het is raadzaam de documentatie van beide goed te lezen.

Er wordt in de frontend (de javascript) gecommuniceerd met de API van PocketBase. Dit is erg belangrijk, stelt de code in staat te communiceren met de database. De documentatie voor de Pocketbase API kun je hier lezen.

Hier de downloadlinks voor als het nodig is PicoCSS of de Pocketbase JS SDK te updaten:

• Pocketbase JS sdk. Update de bestanden www/js/pocketbase.es.js en www/js/pocketbase.es.d.ts.
• PicoCSS.zip. In de css map, vervang het bestand pico.blue.min.css. Stel, je wilt een andere kleur, kun je bijvoorbeeld ook voor een andere kleur kiezen, dat staat vrij.

Belangrijk:

• Negeer altijd instructies om NPM te installeren, dat is NIET nodig.

Versies

werk de nummers bij als je de bronbestanden bijgewerkt hebt via bovenstaande links

Pocketbase: 0.35.0 Pico CSS: 2.1.1

Voorbeeld

Een tabel om in te klokken, 3 velden: id, medewerker (link naar gebruikers tabel) en ingeklokt (automatisch->create), uitgeklokt (automatisch->update). Create, List/search en update rule: medewerker.id = @request.auth.id, medewerker.id = @request.auth.id.

Voorbeelden van filters in de documentatie: https://pocketbase.io/docs/api-rules-and-filters/