CodeGym /Kurslar /Frontend SELF AZ /CRUD əməliyyatları

CRUD əməliyyatları

Frontend SELF AZ
Səviyyə , Dərs
Mövcuddur

6.1 CRUD-ə giriş

CRUD — bu, dörd əsas əməliyyatı ifadə edən bir baş hərf kifayətidir: yaratma (Create), oxuma (Read), yeniləmə (Update) və silmə (Delete). Bu əməliyyatlar verilənlər bazası ilə işləmək üçün əsasdır və çoxsaylı veb tətbiqlərin təməlini təşkil edir.

CRUD nədir?

  • Create (Yaratma): yaratma əməliyyatı verilənlər bazasına yeni qeydlər əlavə etmək üçün istifadə olunur. Bu, sistemə yeni məlumatları daxil etməyə imkan verir.
  • Read (Oxuma): oxuma əməliyyatı verilənlər bazasından məlumat çıxarmaq üçündür. Bu, istifadəçilərə mövcud məlumatları sorğulamaq və baxmaq imkanı verir.
  • Update (Yeniləmə): yeniləmə əməliyyatı verilənlər bazasındakı mövcud qeydləri dəyişmək üçün istifadə olunur. Bu, məlumatları redaktə və düzəltməyə imkan verir.
  • Delete (Silmə): silmə əməliyyatı verilənlər bazasındakı qeydləri silmək üçün istifadə olunur. Bu, artıq lazım olmayan və ya köhnəlmiş məlumatları silməyə imkan verir.

CRUD əməliyyatları üçün HTTP metodları

Veb inkişafı kontekstində CRUD əməliyyatları tez-tez HTTP sorğularından istifadə olunaraq API-lərə həyata keçirilir. Müxtəlif HTTP metodları fərqli CRUD əməliyyatlarına uyğun şəkildə çalışır:

  • POST: yeni resurslar yaratmaq üçün istifadə olunur.
  • GET: resursları oxumaq (almaq) üçün istifadə olunur.
  • PUTPATCH: mövcud resursları yeniləmək üçün istifadə olunur. PUT adətən resursu tamamilə əvəz edir, halbuki PATCH qismən yeniləmə üçün istifadə olunur.
  • DELETE: resursları silmək üçün istifadə olunur.

CRUD əməliyyatları nəyə lazımdır?

CRUD əməliyyatları veb tətbiqlərdə verilənlərlə işləmək üçün təməl rol oynayır. Onlar tərtibatçılara əsas funksionallıqları həyata keçirməyə imkan verir, məsələn, istifadəçi hesablarının yaradılması, profillərin redaktəsi, məlumatların oxunması və qeydlərin silinməsi. Bu əməliyyatlar həmçinin müştəri ilə server arasındakı əlaqəni təmin edir, məlumatları və komandaları ötürməyə imkan verir.

Müasir CRUD əməliyyatları alətləri

Müasir veb tətbiqlər tez-tez API vasitəsilə CRUD əməliyyatlarını həyata keçirmək üçün müxtəlif alətlər və kitabxanalardan istifadə edirlər:

  • Fetch API: brauzerə daxili HTTP sorğuları həyata keçirən, promise-lərə əsaslanan üsul.
  • Axios: HTTP sorğularını yerinə yetirmək üçün məşhur kitabxana, rahat və genişləndirilmiş API təqdim edir.

Bu alətlər tərtibatçılara CRUD əməliyyatlarını asan və səmərəli şəkildə həyata keçirməyə kömək edir, müxtəlif server API-lər ilə inteqrasiyanı asanlaşdırır və çeviklik təmin edir.

6.2 Fetch istifadə edilməsi

CRUD əməliyyatlarını yerinə yetirmək üçün Fetch istifadəsinə nəzər salaq.

Yaratma (Create):

JavaScript
    
      const createData = async (data) => {
        const response = await fetch('https://jsonplaceholder.typicode.com/posts', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify(data)
        });
        const result = await response.json();
        console.log('Yaradıldı:', result);
      };

      createData({ title: 'foo', body: 'bar', userId: 1 });
    
  

Oxuma (Read):

JavaScript
    
      const readData = async (id) => {
        const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`);
        const result = await response.json();
        console.log('Oxundu:', result);
      };

      readData(1);
    
  

Yeniləmə (Update):

JavaScript
    
      const updateData = async (id, data) => {
        const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`, {
          method: 'PUT',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify(data)
        });
        const result = await response.json();
        console.log('Yeniləndi:', result);
      };

      updateData(1, { title: 'foo', body: 'bar', userId: 1 });
    
  

Silinmə (Delete):

JavaScript
    
      const deleteData = async (id) => {
        const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`, {
          method: 'DELETE'
        });
        if (response.ok) {
          console.log('Silindi:', id);
        } else {
          console.error('Silinmədi:', id);
        }
      };

      deleteData(1);
    
  

6.3 Axios istifadə edilməsi

CRUD əməliyyatlarını yerinə yetirmək üçün Axios istifadəsini nəzərdən keçirək.

Yaratma (Create):

JavaScript
    
      const axios = require('axios');

      const createData = async (data) => {
        try {
          const response = await axios.post('https://jsonplaceholder.typicode.com/posts', data);
          console.log('Yaradıldı:', response.data);
        } catch (error) {
          console.error('Məlumat yaradılarkən xəta baş verdi:', error);
        }
      };

      createData({ title: 'foo', body: 'bar', userId: 1 });
    
  

Oxuma (Read):

JavaScript
    
      const readData = async (id) => {
        try {
          const response = await axios.get(`https://jsonplaceholder.typicode.com/posts/${id}`);
          console.log('Oxundu:', response.data);
        } catch (error) {
          console.error('Məlumat oxunarkən xəta baş verdi:', error);
        }
      };

      readData(1);
    
  

Yeniləmə (Update):

JavaScript
    
      const updateData = async (id, data) => {
        try {
          const response = await axios.put(`https://jsonplaceholder.typicode.com/posts/${id}`, data);
          console.log('Yeniləndi:', response.data);
        } catch (error) {
          console.error('Məlumat yenilənərkən xəta baş verdi:', error);
        }
      };

      updateData(1, { title: 'foo', body: 'bar', userId: 1 });
    
  

Silinmə (Delete):

JavaScript
    
      const deleteData = async (id) => {
        try {
          const response = await axios.delete(`https://jsonplaceholder.typicode.com/posts/${id}`);
          if (response.status === 200) {
            console.log('Silindi:', id);
          }
        } catch (error) {
          console.error('Məlumat silinərkən xəta baş verdi:', error);
        }
      };

      deleteData(1);
    
  

6.4 CRUD-dan istifadə üzrə məsləhətlər

API vasitəsilə CRUD əməliyyatlarından istifadə üçün məsləhətlər:

  1. Xəta işlənməsi: HTTP sorğularını yerinə yetirərkən mümkün xətaları hər zaman işləyin. Xətaları işləmək üçün try...catch bloklarını və ya catch metodunu istifadə edin.
  2. Məlumatların təsdiqlənməsi: Servərə məlumatları göndərməzdən əvvəl onların gözlənilən formata uyğun olduğundan əmin olun.
  3. Avtentifikasiya və avtorizasiya: Qorunan resurslarla işləyərkən, məsələn, sorğu başlıqlarına giriş tokenlərini əlavə edərək, avtentifikasiyanı və avtorizasiyanı düzgün işlədiyinizdən əmin olun.
  4. Səhifələmə və filtrasiya: Böyük həcmli məlumatları əldə edərkən sorğu parametrlərindən istifadə edərək səhifələmə və filtrasiya tətbiq edin.
  5. Keşləmə: Performansı yaxşılaşdırmaq üçün tez-tez sorğu edilən məlumatları keşləyə bilərsiniz.
Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION