Ինչպես է իրականացվում 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 հարցում հիմնական հավաքածուի վերջնակետին:
• կոնկրետ ռեսուրսի կարդալը՝ ռեսուրսի նույնականացնողով վերջնակետին:

// Բոլորն ընթերցել
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):