Din första tabell

Så beskriver du för AI:n vad du vill spara.

7 minLovable – bygg utan att koda
Illustration för lektionen Din första tabell

Vad du bygger

En säker databastabell för en klassisk att-göra-lista i ditt Lovable-projekt. Din nya tabell sparar uppgifter automatiskt och är förberedd så att rätt användare bara kommer åt sina egna listor.

Innan du börjar

  • Ett startat projekt i Lovable.
  • En grundläggande förståelse för att en databas fungerar ungefär som en smart Excel-tabell med rader och kolumner.

Steg för steg

  1. Öppna AI-chatten – Klicka på textrutan till vänster i verktyget där du brukar prata med din utvecklingspartner Lovable.
  2. Be om tabellen – Skriv in din instruktion för den nya tabellen i chatten och tryck på skicka.

Skapa en tabell "todos" med kolumnerna id (uuid), title (text), done (boolean, default false), created_at (timestamp, default now()), user_id (uuid, foreign key till auth.users). Aktivera RLS. Skapa policies som gör att varje användare bara ser sina egna todos.

  1. Granska förslaget – Titta på den kod eller tabellstruktur som Lovable föreslår i chatten och se att tabellnamnet stämmer överens med det du bad om.
  2. Godkänn ändringen – Klicka på den gröna knappen i chatten för att godkänna ändringen så att databasen faktiskt skapas i bakgrunden.
  3. Navigera till databasen – Klicka på knappen Cloud i menyraden längst upp, välj sedan Database i listan och klicka på din nya tabell todos.
  4. Skapa en testuppgift – Klicka på knappen Insert row i gränssnittet och skriv in en valfri uppgift i fältet för titel för att se att datan sparas korrekt i administrationsvyn.

Byggloftets tips

  • En sak per kolumn – Dela upp informationen så mycket som möjligt. Skriv inte förnamn och efternamn i samma kolumn om du kan dela upp dem i två. Då blir det mycket lättare att sortera och filtrera din data senare.
  • Tidsstämpel på allt – Lägg alltid till en created_at (skapad-datum) på alla dina tabeller. Vår maskot, isbjörnen Bygge, brukar påminna om att det är det absolut vanligaste man ångrar att man glömde när man senare vill sortera listor i tidsordning.
  • Använd alltid RLS för personlig data – Row Level Security (RLS) kallas funktionen som låser dörren så att användare inte kan snoka i varandras listor. Gör det till en vana att alltid slå på det direkt så att din app är säker från start.

Vanliga fel

  • "Tabellen syns inte i listan": Ibland kan gränssnittet släpa efter. Ladda om webbläsarsidan eller tryck på den lilla uppdateringsknappen i Cloud-panelen så dyker den upp.
  • "Lovable klagar på att kodändringen misslyckades": AI:n kan ibland göra mindre fel i koden. Svara bara i chatten "Det fungerade inte, försök igen och rätta felet" så brukar den lösa det själv på nästa försök.
  • "Användare ser varandras uppgifter trots RLS": Du kan ha missat att skapa själva policyn. Be Lovable i chatten: "Kontrollera att RLS-policyn är skapad korrekt på todos så att användare bara kan se sina egna rader".

Du är klar när…

Du ser tabellen "todos" under fliken Database i Cloud-panelen och du har lagt till en testrad i radvyn som du kan se direkt på skärmen.

Steg för steg i bild

Öppna AI-chatten – Klicka på textrutan
1. Öppna AI-chatten – Klicka på textrutan
Be om tabellen – Skriv in
2. Be om tabellen – Skriv in
Granska förslaget – Titta på den
3. Granska förslaget – Titta på den

Det finns en videoversion av den här lektionen för medlemmar. Texten ovan är komplett.