Vibe Coding · Lekcja

Zapisywanie i odczytywanie rekordów

Skonfiguruje Pan/Pani przepływy tworzenia i odczytu danych.

Lekcja 4 z 413 kroki

Zapisywanie i odczytywanie rekordów to bezpłatna lekcja Vibe Coding na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Vibe Coding, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Vibe Coding zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

The Four Core Actions

Almost everything an app does with data is one of four actions: Create, Read, Update, and Delete. Together they're called CRUD.

Once your tables exist, you'll ask the AI to write code for each of these, often one feature at a time.

Saving a New Record

To store something new, you insert a row into a table. The app collects the values, then writes them into the database.

Describe the data and the table, and let the AI generate the save function with the right fields filled in.

Write a function that saves a new task to the "tasks" table.
It should take a title and a due date, and return the newly created task's id.

Reading Records Back

Reading means fetching rows out of the database. You might want all of them, or just the ones that match a condition.

Be clear about what you want back and in what order, so the AI writes a query that returns exactly the right rows.

Write a query that reads all tasks for a given user id,
sorted by due date with the soonest first.

Filtering With Conditions

Often you don't want every row, just the matching ones. Filtering uses conditions like "where status is open" or "where created after Monday."

State the filter plainly and the AI turns it into the proper query, whether that's SQL or an ORM call.

Read only the tasks that are not completed and are due within the next 7 days.
Return the title and due date for each.

Updating a Record

To change existing data, you update a row by finding it (usually by id) and setting new values.

Always tell the AI how to identify the right row, so the update touches only that record and not the whole table.

Write a function that marks a task as completed.
It takes a task id and sets the completed flag to true for only that row.

Deleting Carefully

Deleting removes a row for good. It's powerful and easy to get wrong, so be precise about which row.

Many apps prefer a "soft delete," flipping an is_deleted flag instead of truly removing the data. Ask the AI which fits your case.

I want to delete a task by id, but keep it recoverable.
Implement a soft delete using an is_deleted flag instead of removing the row.

Never Trust Raw Input

Data from users can be messy or even malicious. Inserting it directly into a query can cause errors or security holes like SQL injection.

Modern tools handle this with parameterized queries. Remind the AI to use safe, parameterized inserts rather than gluing strings together.

When you write database code for this app,
always use parameterized queries so user input can't cause SQL injection.

Handling the Empty Case

What happens when a read finds nothing? A search with no matches should show "no results," not crash.

Ask the AI to handle the empty case so your app behaves gracefully when the database returns zero rows.

Update the task-reading function so that when no tasks match,
it returns an empty list and the UI shows a friendly "nothing here yet" message.

Reads Should Be Fast

As tables grow, reads can slow down. An index is like a book's index: it helps the database find rows quickly.

If a frequent query feels slow, ask the AI whether adding an index on the filtered column would help.

My query that filters tasks by user_id is getting slow.
Would an index on user_id help, and if so, generate the migration to add it.

Testing Your CRUD

Before trusting your data layer, test it. Save a record, read it back, update it, then delete it, and confirm each step worked.

You can ask the AI to write these tests so future changes don't quietly break saving or reading.

Write tests that create a task, read it back, update its title, then delete it,
checking the database state is correct after each step.

Tying It Together

With CRUD in place, your app finally remembers. Users create data, see it again, change it, and remove it, all backed by your database.

From here, every new feature is just another combination of saving and reading records.

Quick Check

Test your understanding of saving and reading records.

Recap

CRUD covers Create, Read, Update, and Delete: the four core data actions. You learned to save rows, read and filter them, update by id, and delete carefully, often with a soft delete.

Always use parameterized queries, handle empty results, index slow reads, and test your data layer. You can now add a working database to your AI app.

Bezpłatny start

Ucz się JavaScript dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
25
Lekcje
100

Często zadawane pytania

Czy lekcja „Zapisywanie i odczytywanie rekordów” jest bezpłatna?

Tak — pełny tekst „Zapisywanie i odczytywanie rekordów” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Vibe Coding, przejdź na CoddyKit PRO. Kurs Vibe Coding zawiera 4 lekcji w sumie.

Co nauczysz się w „Zapisywanie i odczytywanie rekordów”?

Skonfiguruje Pan/Pani przepływy tworzenia i odczytu danych. Ćwiczysz Vibe Coding z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Vibe Coding?

Nie wymagamy żadnego doświadczenia. Vibe Coding w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Zapisywanie i odczytywanie rekordów”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Vibe Coding?

Tak. Każda lekcja Vibe Coding zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Dlaczego aplikacje potrzebują danych
  2. Wybór bazy danych za pomocą promptu
  3. Projektowanie tabel z AI
  4. Zapisywanie i odczytywanie rekordów
← Powrót do Vibe Coding