Τι είναι το CRUD;

CRUD είναι μια συντομογραφία που περιγράφει τις βασικές λειτουργίες που εκτελούνται στα δεδομένα:

• Create (Δημιουργία): Προσθήκη νέων δεδομένων.
• Read (Ανάγνωση): Ανάκτηση υπαρχόντων δεδομένων.
• Update (Ενημέρωση): Τροποποίηση υπαρχόντων δεδομένων.
• Delete (Διαγραφή): Διαγραφή δεδομένων.

Στην ανάπτυξη frontend, αυτές οι λειτουργίες συχνά αντιστοιχούν στις μεθόδους HTTP κατά την αλληλεπίδραση με το backend μέσω API:

Λειτουργία CRUD	Μέθοδος HTTP	Περιγραφή
Create	POST	Αποστολή δεδομένων για δημιουργία.
Read	GET	Αίτημα δεδομένων.
Update	PUT / PATCH	Αποστολή δεδομένων για ενημέρωση.
Delete	DELETE	Αίτημα διαγραφής δεδομένων.

Παράδειγμα υλοποίησης στο frontend με JavaScript για αλληλεπίδραση με REST API:

// Υποθέτουμε ότι έχουμε ένα αντικείμενο user και θέλουμε να το δημιουργήσουμε στον διακομιστή
fetch('/api/users', {
  method: 'POST', // Δημιουργία
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Νέος Χρήστης', email: 'neos.xristis@paradeigma.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Δημιουργήθηκε χρήστης:', data))
  .catch(error => console.error('Σφάλμα δημιουργίας χρήστη:', error));

// Παράδειγμα ανάγνωσης δεδομένων
fetch('/api/users/1') // Για χρήστη με ID 1
  .then(response => response.json())
  .then(data => console.log('Δεδομένα χρήστη:', data))
  .catch(error => console.error('Σφάλμα λήψης χρήστη:', error));

// Παράδειγμα ενημέρωσης δεδομένων
fetch('/api/users/1', {
  method: 'PUT', // Ενημέρωση
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Ενημερωμένος Χρήστης' }),
})
  .then(response => response.json())
  .then(data => console.log('Ενημερώθηκε χρήστης:', data))
  .catch(error => console.error('Σφάλμα ενημέρωσης χρήστη:', error));

// Παράδειγμα διαγραφής δεδομένων
fetch('/api/users/1', {
  method: 'DELETE', // Διαγραφή
})
  .then(response => {
    if (response.ok) {
      console.log('Χρήστης διαγράφηκε');
    } else {
      console.error('Σφάλμα διαγραφής χρήστη:', response.status);
    }
  })
  .catch(error => console.error('Σφάλμα διαγραφής χρήστη:', error));