Šta je CRUD?

CRUD je skraćenica koja opisuje osnovne operacije koje se izvode nad podacima:

• Create (Kreiranje): Dodavanje novih podataka.
• Read (Čitanje): Dobijanje postojećih podataka.
• Update (Ažuriranje): Izmena postojećih podataka.
• Delete (Brisanje): Brisanje podataka.

U frontend razvoju, ove operacije često odgovaraju HTTP metodama pri interakciji sa backend-om putem API-ja:

CRUD operacija	HTTP metoda	Opis
Create	POST	Slanje podataka za kreiranje.
Read	GET	Zahtev za podatke.
Update	PUT / PATCH	Slanje podataka za ažuriranje.
Delete	DELETE	Zahtev za brisanje podataka.

Primer implementacije u frontend-u pomoću JavaScript-a za interakciju sa REST API-jem:

// Pretpostavimo da imamo objekat user i želimo da ga kreiramo na serveru
fetch('/api/users', {
  method: 'POST', // Kreiranje
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Novi korisnik', email: 'novi.korisnik@primer.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Korisnik kreiran:', data))
  .catch(error => console.error('Greška pri kreiranju korisnika:', error));

// Primer čitanja podataka
fetch('/api/users/1') // Za korisnika sa ID-jem 1
  .then(response => response.json())
  .then(data => console.log('Podaci o korisniku:', data))
  .catch(error => console.error('Greška pri preuzimanju korisnika:', error));

// Primer ažuriranja podataka
fetch('/api/users/1', {
  method: 'PUT', // Ažuriranje
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Ažurirani korisnik' }),
})
  .then(response => response.json())
  .then(data => console.log('Korisnik ažuriran:', data))
  .catch(error => console.error('Greška pri ažuriranju korisnika:', error));

// Primer brisanja podataka
fetch('/api/users/1', {
  method: 'DELETE', // Brisanje
})
  .then(response => {
    if (response.ok) {
      console.log('Korisnik obrisan');
    } else {
      console.error('Greška pri brisanju korisnika:', response.status);
    }
  })
  .catch(error => console.error('Greška pri brisanju korisnika:', error));