CRUD-Operationen: Was sind sie und wie kann ich sie verwenden?

CRUD-Vorgänge – Erstellen, Lesen, Aktualisieren und Löschen – sind für jede Anwendung, die Datenverwaltung erfordert, von grundlegender Bedeutung. Für Entwickler ist es wichtig, diese Vorgänge zu verstehen, da sie die grundlegenden Funktionalitäten bereitstellen, die wir für eine effektive Interaktion mit Datenbanken benötigen. In diesem Blogbeitrag erkläre ich, was CRUD-Operationen sind und wie man sie mit dem MERN-Stack (MongoDB, Express, React und Node.js) implementiert, indem ich zeige, wie ich sie in meine Yoga Pose Library-App integriert habe.

Was sind CRUD-Operationen?

CRUD ist ein Akronym, das für:

• Erstellen: Fügt der Datenbank neue Daten hinzu.
• Lesen: Ruft Daten aus der Datenbank ab.
• Update: Ändert vorhandene Daten in der Datenbank.
• Löschen: Entfernt Daten aus der Datenbank.

Diese Vorgänge bilden das Rückgrat der meisten Webanwendungen, die Datenmanipulation beinhalten. Durch die Implementierung von CRUD-Operationen können Benutzer effektiv mit Daten interagieren und diese verwalten.

Einrichten des MERN-Stacks für CRUD-Operationen

1. MongoDB einrichten

Um mit der Implementierung von CRUD-Operationen zu beginnen, habe ich eine MongoDB-Datenbank zum Speichern meiner Yoga-Posen eingerichtet. So können Sie dasselbe tun:

• MongoDB installieren: Laden Sie MongoDB von der offiziellen Website herunter und installieren Sie es
• Starten Sie den MongoDB-Server: Führen Sie mongod in Ihrem Terminal aus, um den Server zu starten.

2. Stellen Sie eine Verbindung zu MongoDB her

Um eine Verbindung zu MongoDB herzustellen, habe ich Mongoose verwendet, eine Object Data Modeling (ODM)-Bibliothek für MongoDB und Node.js. So habe ich die Verbindung in meiner server.js-Datei hergestellt:

const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost:27017/yogaPoseLibrary')
.then(() => console.log('Connected to MongoDB'))
.catch(err => console.error('Error connecting to MongoDB', err));

3. Erstellen eines Mongoose-Modells

Als nächstes habe ich ein Mongoose-Modell erstellt, um meine Yoga-Posen darzustellen. Dieses Modell ermöglicht eine einfache Interaktion mit der MongoDB-Sammlung. In der Datei models/Pose.js habe ich das Schema wie folgt definiert:

const mongoose = require('mongoose');

const poseSchema = new mongoose.Schema({
  name: { type: String, required: true },
  description: { type: String, required: true },
});

module.exports = mongoose.model('Pose', poseSchema);

Implementierung von CRUD-Operationen

Nachdem die MongoDB-Verbindung und das MongoDB-Modell eingerichtet waren, habe ich die CRUD-Vorgänge auf meinem Express-Server implementiert.

1. Erstellen (POST)

Damit Benutzer neue Yoga-Posen hinzufügen können, habe ich eine Route erstellt, die POST-Anfragen akzeptiert:

app.post('/api/poses', async (req, res) => {
  try {
    const newPose = new Pose(req.body);
    const savedPose = await newPose.save();
    res.status(201).json(savedPose);
  } catch (err) {
    res.status(500).json({ error: 'Failed to create pose' });
  }
});

Bei dieser Route wird mithilfe der im Anforderungstext gesendeten Daten eine neue Pose erstellt und in der Datenbank gespeichert.

2. Lesen (GET)

Für den Lesevorgang habe ich eine Route erstellt, um alle Posen abzurufen:

app.get('/api/poses', async (req, res) => {
  try {
    const poses = await Pose.find();
    res.json(poses);
  } catch (err) {
    res.status(500).json({ error: 'Failed to fetch poses' });
  }
});

Diese Route ruft alle Yoga-Posen aus der Datenbank ab und sendet sie als JSON-Antwort zurück.

3. Aktualisierung (PUT)

Damit Benutzer vorhandene Posen aktualisieren können, habe ich eine PUT-Route implementiert:

app.put('/api/poses/:id', async (req, res) => {
  try {
    const updatedPose = await Pose.findByIdAndUpdate(req.params.id, req.body, { new: true });
    res.json(updatedPose);
  } catch (err) {
    res.status(500).json({ error: 'Failed to update pose' });
  }
});

Diese Route aktualisiert eine bestimmte Pose basierend auf der angegebenen ID und gibt die aktualisierte Pose zurück.

4. Löschen (LÖSCHEN)

Schließlich habe ich den Löschvorgang implementiert:

app.delete('/api/poses/:id', async (req, res) => {
  try {
    await Pose.findByIdAndRemove(req.params.id);
    res.json({ message: 'Pose deleted' });
  } catch (err) {
    res.status(500).json({ error: 'Failed to delete pose' });
  }
});

Diese Route entfernt eine Pose anhand ihrer ID aus der Datenbank.

Testen von CRUD-Operationen

Nachdem ich die CRUD-Operationen implementiert hatte, habe ich Postman verwendet, um jeden Endpunkt zu testen. Durch diese Tests wurde sichergestellt, dass meine Routen ordnungsgemäß funktionierten und die Daten wie erwartet verwaltet wurden.

Beispieltests

• Eine neue Pose erstellen:

Senden Sie eine POST-Anfrage an /api/poses mit dem folgenden Text:

{
„name“: „Krieger I“,
„description“: „Eine stehende Pose, die Beine und Rumpf stärkt.“
}



• Alle Posen lesen:

Senden Sie eine GET-Anfrage an /api/poses.

• Vorhandene Pose aktualisieren:

Senden Sie eine PUT-Anfrage an /api/poses/:id mit den aktualisierten Daten.

• Eine Pose löschen:

Senden Sie eine DELETE-Anfrage an /api/poses/:id.

Abschluss

CRUD-Operationen sind für jede Anwendung, die Datenverwaltung beinhaltet, unerlässlich. Durch die Integration dieser Vorgänge mithilfe des MERN-Stacks in meine Yoga Pose Library-App habe ich eine robuste Anwendung erstellt, die es Benutzern ermöglicht, effektiv mit Yoga-Posen zu interagieren. Das Verstehen und Implementieren von CRUD-Operationen wird Ihre Entwicklungskompetenzen erheblich verbessern und Sie in die Lage versetzen, dynamische Webanwendungen zu erstellen. Während ich meine App weiter verbessere, freue ich mich darauf, weitere Funktionen zu erkunden und das Benutzererlebnis zu verbessern.