Co je CRUD?

CRUD je zkratka, která popisuje základní operace prováděné s daty:

• Create (Vytvoření): Přidání nových dat.
• Read (Čtení): Získání existujících dat.
• Update (Aktualizace): Změna existujících dat.
• Delete (Odstranění): Odstranění dat.

V frontendovém vývoji tyto operace často odpovídají metodám HTTP při komunikaci s backendem přes API:

CRUD operace	HTTP metoda	Popis
Create	POST	Odeslání dat pro vytvoření.
Read	GET	Žádost o data.
Update	PUT / PATCH	Odeslání dat pro aktualizaci.
Delete	DELETE	Žádost o odstranění dat.

Příklad implementace ve frontendovém prostředí s použitím JavaScriptu pro komunikaci s REST API:

// Předpokládejme, že máme objekt user a chceme ho vytvořit na serveru
fetch('/api/users', {
  method: 'POST', // Vytvoření
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Nový uživatel', email: 'novy.uzivatel@priklad.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Uživatel vytvořen:', data))
  .catch(error => console.error('Chyba při vytváření uživatele:', error));

// Příklad čtení dat
fetch('/api/users/1') // Pro uživatele s ID 1
  .then(response => response.json())
  .then(data => console.log('Data uživatele:', data))
  .catch(error => console.error('Chyba při načítání uživatele:', error));

// Příklad aktualizace dat
fetch('/api/users/1', {
  method: 'PUT', // Aktualizace
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Aktualizovaný uživatel' }),
})
  .then(response => response.json())
  .then(data => console.log('Uživatel aktualizován:', data))
  .catch(error => console.error('Chyba při aktualizaci uživatele:', error));

// Příklad smazání dat
fetch('/api/users/1', {
  method: 'DELETE', // Smazání
})
  .then(response => {
    if (response.ok) {
      console.log('Uživatel smazán');
    } else {
      console.error('Chyba při mazání uživatele:', response.status);
    }
  })
  .catch(error => console.error('Chyba při mazání uživatele:', error));