Basisprincipes van data-invoer en query's
Ontdek hoe u nieuwe records invoegt, gegevens ophaalt en resultaten filtert met de Supabase-clientbibliotheek en SQL-editor.
Basisprincipes van data-invoer en query's is een gratis Supabase als backenddienst-les op CoddyKit. Dit is les 3 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Supabase als backenddienst. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Supabase als backenddienst bevat in totaal 4 lessen.
Gegevensbewerkingen: invoegen en opvragen
Welkom! In deze les leer je de basis van werken met je Supabase-database. We richten ons op twee belangrijke bewerkingen:
- Gegevens invoegen: nieuwe records toevoegen.
- Gegevens opvragen: bestaande informatie ophalen.
Deze vaardigheden zijn essentieel voor het bouwen van elke dynamische applicatie.
Supabase-client: je toegangspoort
Om met je database te werken gebruik je de clientbibliotheek van Supabase. Zie deze als de rechtstreekse verbinding van je applicatie met Supabase!
In al onze voorbeelden gaan we ervan uit dat je supabase-client al is geïnitialiseerd en klaarstaat. We richten ons op de specifieke databasebewerkingen.
Gegevens toevoegen: de `insert()`-methode
Om een nieuwe rij (record) aan je tabel toe te voegen, gebruik je de methode insert(). Je geeft een object door waarvan de sleutels overeenkomen met de kolomnamen van je tabel.
Supabase wijst automatisch een unieke ID en andere standaardwaarden toe.
Voorbeeld: één gebruiker invoegen
Laten we een nieuwe gebruiker invoegen in een tabel users. We stellen de name en email in. Probeer dit uit te voeren!
import { createClient } from '@supabase/supabase-js';
// Placeholder client for demonstration
const supabase = createClient('https://your-project.supabase.co', 'your-anon-key');
async function main() {
console.log("Attempting to insert a single user...");
const { data, error } = await supabase
.from('users')
.insert({
name: 'Alice Smith',
email: 'alice@example.com'
});
if (error) {
console.error('Error inserting user:', error.message);
} else {
console.log('User inserted successfully:', data);
}
}
main();Meerdere invoegen: meerdere rijen toevoegen
Wat als je meerdere records tegelijk wilt toevoegen? Geen probleem! De methode insert() accepteert ook een array met objecten.
Elk object in de array stelt een nieuwe rij voor die aan je tabel wordt toegevoegd.
Voorbeeld: meerdere gebruikers invoegen
Zo voeg je twee nieuwe gebruikers toe in één bewerking. Let erop dat we een array met objecten doorgeven aan insert().
Voer dit uit om te zien hoe het werkt!
import { createClient } from '@supabase/supabase-js';
// Placeholder client for demonstration
const supabase = createClient('https://your-project.supabase.co', 'your-anon-key');
async function main() {
console.log("Attempting to insert multiple users...");
const { data, error } = await supabase
.from('users')
.insert([
{ name: 'Bob Johnson', email: 'bob@example.com' },
{ name: 'Charlie Brown', email: 'charlie@example.com' }
]);
if (error) {
console.error('Error inserting users:', error.message);
} else {
console.log('Users inserted successfully:', data);
}
}
main();Gegevens ophalen: de `select()`-methode
Om gegevens uit je tabel op te halen gebruik je de methode select(). De eenvoudigste manier om alle kolommen uit alle rijen op te halen, is door '*' (een sterretje) door te geven.
Dit is de standaardkeuze voor het weergeven van lijsten met gegevens.
Voorbeeld: alle gebruikers selecteren
Laten we alle gebruikers ophalen die we aan onze tabel users hebben toegevoegd. De variabele data bevat een array met gebruikersobjecten.
Voer deze code uit om alle gebruikers te bekijken!
import { createClient } from '@supabase/supabase-js';
// Placeholder client for demonstration
const supabase = createClient('https://your-project.supabase.co', 'your-anon-key');
async function main() {
console.log("Attempting to select all users...");
const { data, error } = await supabase
.from('users')
.select('*');
if (error) {
console.error('Error selecting users:', error.message);
} else {
console.log('All users:', data);
}
}
main();Gegevens filteren: `eq()` voor precisie
Vaak heb je niet alle gegevens nodig. Je zoekt specifieke records. Met de methode eq() kun je resultaten filteren waarbij de waarde van een kolom gelijk is aan een specifieke waarde.
Dit is ideaal om een gebruiker op basis van diens ID of e-mailadres te vinden.
Voorbeeld: gebruikers filteren op e-mailadres
Laten we een gebruiker met een specifiek e-mailadres zoeken. We gebruiken eq('email', 'alice@example.com') om onze zoekopdracht te verfijnen.
Voer dit uit en kijk of Alice wordt gevonden!
import { createClient } from '@supabase/supabase-js';
// Placeholder client for demonstration
const supabase = createClient('https://your-project.supabase.co', 'your-anon-key');
async function main() {
console.log("Attempting to find user by email...");
const { data, error } = await supabase
.from('users')
.select('*')
.eq('email', 'alice@example.com');
if (error) {
console.error('Error finding user:', error.message);
} else {
console.log('User found:', data);
}
}
main();Korte controle: invoegen en opvragen
Stel dat je een tabel products hebt. Je wilt een nieuw product met de naam "Keyboard" en een prijs van 75 toevoegen, en vervolgens onmiddellijk alle producten met een prijs van 75 ophalen.
Welke reeks aanroepen van de Supabase-client is correct?
Samenvatting: invoegen en opvragen beheersen
Goed gedaan! Je hebt de belangrijkste bewerkingen voor het beheren van gegevens in Supabase geleerd:
.insert(): om één of meerdere nieuwe records aan een tabel toe te voegen..select('*'): om alle kolommen uit alle rijen op te halen..eq(): om je query's te filteren en specifieke records te vinden.
Deze methoden vormen de basis van de interactie met je Supabase-database. Vervolgens verken je geavanceerdere technieken voor het opvragen van gegevens!
Leer Supabase als backenddienst met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 11
- Lessen
- 40
Veelgestelde vragen
Is de les “Basisprincipes van data-invoer en query's” gratis?
Ja — de volledige tekst van “Basisprincipes van data-invoer en query's” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Supabase als backenddienst wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Supabase als backenddienst bevat in totaal 4 lessen.
Wat leer ik in “Basisprincipes van data-invoer en query's”?
Ontdek hoe u nieuwe records invoegt, gegevens ophaalt en resultaten filtert met de Supabase-clientbibliotheek en SQL-editor. Je oefent met Supabase als backenddienst door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Supabase als backenddienst te beginnen?
Ervaring vooraf is niet nodig. Supabase als backenddienst op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 4.
Hoe lang duurt de les “Basisprincipes van data-invoer en query's”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Supabase als backenddienst?
Ja. Elke les over Supabase als backenddienst bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Databaseschema's ontwerpen
- Tabellen en kolommen aanmaken
- Basisprincipes van data-invoer en query's
- Relaties en foreign keys