რა არის CRUD?

CRUD — гэта абрэвіятура, якая апісвае асноўныя аперацыі, выкананыя над дадзенымі:

• Create (Стварэнне): Дадаванне новых дадзеных.
• Read (Чытанне): Атрыманне існуючых дадзеных.
• Update (Абнаўленне): Змена існуючых дадзеных.
• Delete (Выдаленне): Выдаленне дадзеных.

У фронтэнд-рабоце гэтыя аперацыі часта адпавядаюць HTTP-метадам пры ўзаемадзеянні з бэкендам праз API:

CRUD аперацыя	HTTP метад	Апісанне
Create	POST	Адправіць дадзеныя для стварэння.
Read	GET	Запытаць дадзеныя.
Update	PUT / PATCH	Адправіць дадзеныя для абнаўлення.
Delete	DELETE	Запытаць выдаленне дадзеных.

Прыклад рэалізацыі на фронтэндзе з выкарыстаннем JavaScript для ўзаемадзеяння з REST API:

// Прадпалагаем, што ў нас ёсць аб'ект user і яго трэба стварыць на серверы
fetch('/api/users', {
  method: 'POST', // Create
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Новы карыстальнік', email: 'new.user@example.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Карыстальнік створаны:', data))
  .catch(error => console.error('Памылка пры стварэнні карыстальніка:', error));

// Прыклад чытання дадзеных
fetch('/api/users/1') // Read (для карыстальніка з ID 1)
  .then(response => response.json())
  .then(data => console.log('Даныя карыстальніка:', data))
  .catch(error => console.error('Памылка пры атрымліванні дадзеных:', error));

// Прыклад абнаўлення дадзеных
fetch('/api/users/1', {
  method: 'PUT', // Update
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Абноўлены карыстальнік' }),
})
  .then(response => response.json())
  .then(data => console.log('Карыстальнік абноўлены:', data))
  .catch(error => console.error('Памылка пры абнаўленні:', error));

// Прыклад выдалення дадзеных
fetch('/api/users/1', {
  method: 'DELETE', // Delete
})
  .then(response => {
    if (response.ok) {
      console.log('Карыстальнік выдалены');
    } else {
      console.error('Памылка пры выдаленні карыстальніка:', response.status);
    }
  })
  .catch(error => console.error('Памылка пры выдаленні:', error));