CRUD кантип ишке ашырылат?

CRUD деген эмне деп аталат: Create, Read, Update, Delete. Бул негизги операциялар, алар маалыматтар менен иштейт.

Create (Жасоо): Жаңы ресурсты түзүү үчүн POST ыкмасын колдонуп, акыркы чекитке суроо жөнөтүү. Суроонун денеси көбүнчө жаңы объекттин маалыматтарын камтыйт.

// Fetch API колдонуу менен мисалдар
fetch('/api/items', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'New Item' }),
})
  .then(response => response.json())
  .then(data => console.log('Түзүлдү:', data));

Read (Окуу): GET ыкмасын колдонуп суроо жөнөтүү:

• Бардык ресурстарды окуу: негизги топтомдун акыркы чекитине GET суроо.
• Так ресурсты окуу: ресурстун идентификатору менен акыркы чекитке GET суроо.

// Бардыгын окуу
fetch('/api/items')
  .then(response => response.json())
  .then(data => console.log('Бардык элементтер:', data));

// Тактысы
fetch('/api/items/123')
  .then(response => response.json())
  .then(data => console.log('Элемент 123:', data));

Update (Жаңылоо): PUT же PATCH ыкмасын колдонуп суроо жөнөтүү:

• PUT: бар ресурсту толук алмаштыруу.
• PATCH: бөлүктүү жаңылоо.

// Жаңылоо (PUT)
fetch('/api/items/123', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Updated Item' }),
})
  .then(response => response.json())
  .then(data => console.log('Жаңыланды:', data));

// Бөлүктүү жаңылоо (PATCH)
fetch('/api/items/123', {
  method: 'PATCH',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ description: 'New Description' }),
})
  .then(response => response.json())
  .then(data => console.log('Парчаланды:', data));

Delete (Өчүрүү): DELETE ыкмасын колдонуп суроо жөнөтүү:

fetch('/api/items/123', {
  method: 'DELETE',
})
  .then(response => {
    if (response.ok) {
      console.log('Өчүрүлдү ийгиликтүү');
    } else {
      console.error('Өчүрүү ишке ашкан жок');
    }
  });

REST API менен байланышы:

CRUD операциялары REST (Representational State Transfer) принциптери менен тыгыз байланышта, анда HTTP ыкмалары ушул аракеттерди ресурстар үстүндө аткаруу үчүн колдонулат:

CRUD	HTTP ыкмасы
Create	POST
Read	GET
Update	PUT/PATCH
Delete	DELETE

Фронтендда CRUD ишке ашыруу ушул HTTP суроолорду сервер API-не жөнөтүү жана алынган жоопторду иштетүүнү камтыйт. Көп учурда HTTP менен иштөө үчүн китепканалар (мисалы, Axios, Fetch API) жана UI/статусту башкаруу үчүн рамкалар/китепканалар (мисалы, React, Vue, Angular) колдонулат.