Supabase som backend-tjeneste · Lektion

Grundlæggende dataindsættelse og forespørgsler

Lær at indsætte nye poster, hente data og filtrere resultater ved hjælp af Supabase-klientbiblioteket og SQL-editoren.

Lektion 3 af 412 trin

Grundlæggende dataindsættelse og forespørgsler er en gratis Supabase som backend-tjeneste-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Supabase som backend-tjeneste, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Supabase som backend-tjeneste-kurset indeholder 4 lektioner i alt.

Datahandling: Indsæt og forespørg

Velkommen! I denne lektion lærer du det grundlæggende i at arbejde med din Supabase-database. Vi fokuserer på to vigtige handlinger:

  • Indsættelse af data: Tilføjelse af nye poster.
  • Forespørgsler på data: Hentning af eksisterende oplysninger.

Disse færdigheder er afgørende, når du bygger dynamiske programmer.

Supabase-klienten: Din adgang til databasen

Hvis du vil arbejde med din database, skal du bruge klientbiblioteket til Supabase. Forestil dig det som dit programs direkte forbindelse til Supabase!

I alle vores eksempler antager vi, at din supabase-klient allerede er initialiseret og klar. Vi fokuserer på de specifikke databasehandlinger.

Tilføj data: Metoden `insert()`

Hvis du vil tilføje en ny række (post) til din tabel, skal du bruge metoden insert(). Du sender den et objekt, hvor nøglerne svarer til tabelens kolonnenavne.

Supabase håndterer automatisk tildelingen af et unikt ID og andre standardværdier.

Eksempel: Indsæt en enkelt bruger

Lad os indsætte en ny bruger i en tabel users. Vi angiver brugerens name og email. Prøv at køre dette!

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();

Indsæt flere: Tilføj flere rækker

Hvad nu, hvis du skal tilføje flere poster på én gang? Intet problem! Metoden insert() accepterer også et array af objekter.

Hvert objekt i arrayet repræsenterer en ny række, der skal tilføjes til din tabel.

Eksempel: Indsæt flere brugere

Sådan indsætter du to nye brugere i én handling. Bemærk, at vi sender et array af objekter til insert().

Kør dette for at se det i praksis!

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();

Hent data: Metoden `select()`

Hvis du vil hente data fra din tabel, skal du bruge metoden select(). Den enkleste måde at hente alle kolonner fra alle rækker på er at sende '*' (en stjerne).

Det er den oplagte metode, når du vil vise lister med data.

Eksempel: Hent alle brugere

Lad os hente alle de brugere, vi har indsat i tabellen users. Variablen data indeholder et array af brugerobjekter.

Kør denne kode for at se alle brugere!

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();

Filtrér data: `eq()` for præcision

Ofte har du ikke brug for alle data. Du vil have bestemte poster. Metoden eq() lader dig filtrere resultater, hvor en kolonnes værdi er lig med en bestemt værdi.

Den er perfekt til at finde en bruger ud fra brugerens ID eller e-mailadresse.

Eksempel: Filtrér brugere efter e-mail

Lad os finde en bruger med en bestemt e-mailadresse. Vi bruger eq('email', 'alice@example.com') til at indsnævre vores søgning.

Kør dette, og se, om Alice bliver fundet!

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();

Hurtigt tjek: Indsæt og forespørg

Forestil dig, at du har en tabel products. Du vil tilføje et nyt produkt med navnet "Keyboard" og en pris på 75 og derefter straks hente alle produkter, der har en pris på 75.

Hvilken rækkefølge af Supabase-klientkald er korrekt?

Opsummering: Bliv ekspert i indsættelse og forespørgsler

Godt gået! Du har lært de grundlæggende handlinger til håndtering af data i Supabase:

  • .insert(): Til at tilføje én eller flere nye poster til en tabel.
  • .select('*'): Til at hente alle kolonner fra alle rækker.
  • .eq(): Til at filtrere dine forespørgsler, så du finder bestemte poster.

Disse metoder udgør grundlaget for at arbejde med din Supabase-database. Dernæst udforsker vi mere avancerede forespørgselsteknikker!

Gratis at komme i gang

Lær Supabase som backend-tjeneste med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser
11
Lektioner
40

Ofte stillede spørgsmål

Er lektionen “Grundlæggende dataindsættelse og forespørgsler” gratis?

Ja — hele teksten til “Grundlæggende dataindsættelse og forespørgsler” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Supabase som backend-tjeneste-kurset, skal du opgradere til CoddyKit PRO. Supabase som backend-tjeneste-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Grundlæggende dataindsættelse og forespørgsler”?

Lær at indsætte nye poster, hente data og filtrere resultater ved hjælp af Supabase-klientbiblioteket og SQL-editoren. Du øver dig i Supabase som backend-tjeneste med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Supabase som backend-tjeneste?

Der kræves ingen tidligere erfaring. Supabase som backend-tjeneste på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.

Hvor lang tid tager lektionen “Grundlæggende dataindsættelse og forespørgsler”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Supabase som backend-tjeneste-lektion?

Ja. Alle Supabase som backend-tjeneste-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

  1. Design af databaseskemaer
  2. Oprettelse af tabeller og kolonner
  3. Grundlæggende dataindsættelse og forespørgsler
  4. Relationer og fremmednøgler
← Tilbage til Supabase som backend-tjeneste