CRUD necə həyata keçirilir?

CRUD — bu Create, Read, Update, Delete mənalarını verir. Bunlar, məlumatlar üzərində həyata keçirilən əsas əməliyyatlardır.

Create (Yaradıcılıq): Yeni resurs yaratmaq üçün POST metodu ilə endpoint-ə sorğu göndərilir. Sorğunun gövdəsi adətən yeni obyektin məlumatlarını ehtiva edir.

// Fetch API ilə nümunələr
fetch('/api/items', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Yeni element' }),
})
  .then(response => response.json())
  .then(data => console.log('Yaradıldı:', data));

Read (Oxuma): GET metodu ilə sorğu göndərilir.

• Bütün resursları oxumaq: kolleksiyanın əsas endpoint-ə GET sorğusu.
• Müəyyən bir resursu oxumaq: resursun identifikatoru ilə endpoint-ə GET sorğusu.

// Hamısını oxumaq
fetch('/api/items')
  .then(response => response.json())
  .then(data => console.log('Bütün elementlər:', data));

// Xüsusi element
fetch('/api/items/123')
  .then(response => response.json())
  .then(data => console.log('Element 123:', data));

Update (Yeniləmə): PUT və ya PATCH metodu ilə, resursun identifikatoru ilə endpoint-ə sorğu göndərilir.

• PUT: mövcud resursun tam əvəz olunması.
• PATCH: resursun qismən yenilənməsi.

// Yeniləmə (PUT)
fetch('/api/items/123', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Yenilənmiş element' }),
})
  .then(response => response.json())
  .then(data => console.log('Yeniləndi:', data));

// Qismən yeniləmə (PATCH)
fetch('/api/items/123', {
  method: 'PATCH',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ description: 'Yeni Təsvir' }),
})
  .then(response => response.json())
  .then(data => console.log('Qismən yeniləndi:', data));

Delete (Sil): DELETE metodu ilə, resursun identifikatoru ilə endpoint-ə sorğu göndərilir.

fetch('/api/items/123', {
  method: 'DELETE',
})
  .then(response => {
    if (response.ok) {
      console.log('Uğurla silindi');
    } else {
      console.error('Silinmə uğursuz oldu');
    }
  });

REST API ilə əlaqə:

CRUD əməliyyatları REST (Temsili Dövlət Transferi) prinsipləri ilə sıx əlaqəlidir, burada HTTP metodları bu əməliyyatları resurslar üzərində həyata keçirmək üçün istifadə olunur:

CRUD	HTTP Metodu
Create	POST
Read	GET
Update	PUT/PATCH
Delete	DELETE

Frontend-də CRUD tətbiqi bu HTTP sorğularını backend API-ə göndərməyi və alınan cavabları işləməyi əhatə edir. Tez-tez HTTP ilə işləmək üçün kitabxanalar (məsələn, Axios, Fetch API) və vəziyyət/UI idarəetməsi üçün frameworklər/kitabxanalar (məsələn, React, Vue, Angular) istifadə olunur.