Ce este CRUD?

CRUD este o abreviere care descrie operațiile principale efectuate asupra datelor:

• Create (Creare): Adăugarea de date noi.
• Read (Citire): Obținerea datelor existente.
• Update (Actualizare): Modificarea datelor existente.
• Delete (Ștergere): Ștergerea datelor.

În dezvoltarea frontend, aceste operații corespund adesea metodelor HTTP în interacțiunea cu backend-ul prin API:

Operație CRUD	Metoda HTTP	Descriere
Create	POST	Trimite date pentru creare.
Read	GET	Solicită date.
Update	PUT / PATCH	Trimite date pentru actualizare.
Delete	DELETE	Solicită ștergerea datelor.

Exemplu de implementare în frontend cu JavaScript pentru interacțiunea cu REST API:

// Presupunem că avem un obiect user și dorim să-l creăm pe server
fetch('/api/users', {
  method: 'POST', // Creare
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Utilizator Nou', email: 'utilizator.nou@exemplu.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Utilizator creat:', data))
  .catch(error => console.error('Eroare la crearea utilizatorului:', error));

// Exemplu de citire a datelor
fetch('/api/users/1') // Pentru utilizator cu ID 1
  .then(response => response.json())
  .then(data => console.log('Date utilizator:', data))
  .catch(error => console.error('Eroare la preluarea utilizatorului:', error));

// Exemplu de actualizare a datelor
fetch('/api/users/1', {
  method: 'PUT', // Actualizare
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Utilizator Actualizat' }),
})
  .then(response => response.json())
  .then(data => console.log('Utilizator actualizat:', data))
  .catch(error => console.error('Eroare la actualizarea utilizatorului:', error));

// Exemplu de ștergere a datelor
fetch('/api/users/1', {
  method: 'DELETE', // Ștergere
})
  .then(response => {
    if (response.ok) {
      console.log('Utilizator șters');
    } else {
      console.error('Eroare la ștergerea utilizatorului:', response.status);
    }
  })
  .catch(error => console.error('Eroare la ștergerea utilizatorului:', error));