CRUD nedir?

CRUD, verilerin üzerinde gerçekleştirilen temel işlemleri tanımlayan bir kısaltmadır:

• Create (Oluşturma): Yeni verilerin eklenmesi.
• Read (Okuma): Mevcut verilerin alınması.
• Update (Güncelleme): Mevcut verilerin değiştirilmesi.
• Delete (Silme): Verilerin silinmesi.

Frontend geliştirmede, bu işlemler API aracılığıyla backend ile etkileşimde bulunurken genellikle HTTP metodlarına karşılık gelir:

CRUD İşlemi	HTTP Yöntemi	Açıklama
Create	POST	Veri göndererek oluşturma.
Read	GET	Veri talep etme.
Update	PUT / PATCH	Veri göndererek güncelleme.
Delete	DELETE	Veri silme talebi.

REST API ile etkileşimde bulunmak için JavaScript kullanarak frontend'de uygulama örneği:

// Diyelim ki bir user nesnemiz var ve bunu sunucuda oluşturmak istiyoruz
fetch('/api/users', {
  method: 'POST', // Oluştur
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Yeni Kullanıcı', email: 'yeni.kullanici@ornek.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Kullanıcı oluşturuldu:', data))
  .catch(error => console.error('Kullanıcı oluşturma hatası:', error));

// Veri okuma örneği
fetch('/api/users/1') // ID'si 1 olan kullanıcı için
  .then(response => response.json())
  .then(data => console.log('Kullanıcı verileri:', data))
  .catch(error => console.error('Kullanıcı alınırken hata:', error));

// Veri güncelleme örneği
fetch('/api/users/1', {
  method: 'PUT', // Güncelle
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Güncellenmiş Kullanıcı' }),
})
  .then(response => response.json())
  .then(data => console.log('Kullanıcı güncellendi:', data))
  .catch(error => console.error('Güncelleme hatası:', error));

// Veri silme örneği
fetch('/api/users/1', {
  method: 'DELETE', // Sil
})
  .then(response => {
    if (response.ok) {
      console.log('Kullanıcı silindi');
    } else {
      console.error('Silme hatası:', response.status);
    }
  })
  .catch(error => console.error('Silme sırasında hata:', error));