So erstellen Sie Routen auf der Serverseite im Knoten.JS
In diesem Artikel wird zeigen, wie die Routen auf der serverseitigen im Knoten erstellt werden können.JS. Darüber hinaus wird auch das Verfahren zum Erstellen von API -Endpunkten auf der Grundlage der CRUD -Operationen bereitgestellt. So lass uns anfangen!
So erstellen Sie Routen auf der Serverseite im Knoten.JS
Mit dem React haben wir bereits eine einfache Anwendung des Mitarbeiterverwaltungssystems erstellt.JS Frontend, Knoten.JS -Server und erstellte eine Verbindung zwischen dem Server und der MongoDB -Datenbank. Danach fügten wir zwei Modelle hinzu: “Mitarbeiter.Modell" Und "Bezeichnung.Modell”Mit ihrem verwandten Schema. Wir werden nun einige Routen erstellen, um die Informationen der Modelle aus der MongoDB -Datenbank zu präsentierenMungo" Bibliothek.
Der nächste Schritt besteht darin, die API -Routen hinzuzufügen, um sie für die Durchführung der CRUD -Operationen zu verwenden. Wir werden eine "erstellen"Bezeichnung" und ein "Mitarbeiter”Route zur Demonstration. Zuerst werden wir ein neues schaffen “Route”Ordner auf der serverseitigen:
Wir werden den neu erstellten Ordner als "als" benennen "Routen”:
Anschließend klicken Sie auf die “RoutenOrdner und wählen Sie die "Neue Datei”Option zum Erstellen einer“Mitarbeiter.JS”Routendatei:
Durch die Verwendung der gleichen Methode erstellen wir eine andere Routendatei “Bezeichnung.JS”Im Ordner Routes:
Wie Sie sehen können, haben wir zwei Routendateien erstellt. “Mitarbeiter.JS" Und "Bezeichnung.Datei" im "Routen" Ordner:
Führen Sie im Terminal den folgenden Befehl zum Einrichten der Einrichtung des Terminals aus Router reagieren Da es sich um die Standardbibliothek handelt, die zum Routing verwendet werden kann:
> NPM React-Router-Dom installierenFügen Sie danach die folgende Zeile in Ihr Projekt hinzu ““App.JS" Datei:
Importieren BrowSerritter als Router, Route aus "React-Router-Dom";Öffnen Sie im nächsten Schritt die “Mitarbeiter.JSDatei Anzeige fügen Sie den untergegebenen Code hinzu:
In diesem Code haben wir zwei Endpunkte hinzugefügt. Der erste Endpunkt wird mit dem eingehenden HTTP umgehen “ERHALTEN”Anfragen auf“/Mitarbeiter/URL -Pfad. Als nächstes das "Mitarbeiter.finden()Die Methode ist erforderlich, um die Liste der Mitarbeiter aus der MongoDB -Datenbank zu erhalten. Diese Find () -Methode gibt ein Versprechen zurück, und das Ergebnis wird im JSON -Format zurückgegeben.
Der zweite Endpunkt, den wir in unserem hinzugefügt haben “Mitarbeiter"Routendatei, wird das eingehende HTTP verwalten"POST”Anfragen auf dem Pfad„/Mitarbeiter/URL. Der neue Mitarbeiter Name wird als Teil der Anfrage angesehen. Nach dem Erhalt des neuen Mitarbeiternamens wird eine neue Instanz des Mitarbeiter erstellt, und dann speichert die Funktion „Save ()“ den neuen Mitarbeiterdatensatz in der MongoDB -Datenbank. Wenn die angegebene Operation erfolgreich abgeschlossen ist, dann “der“Mitarbeiter hinzugefügt!Zeichenfolge wird zurückgegeben:
const router = fordern ('express').Router ();Sei Mitarbeiter = fordern ('… /Modelle /Mitarbeiter.Modell');
Router.Route('/').get ((req, res) =>
Mitarbeiter.finden()
.dann (Mitarbeiter => res.JSON (Mitarbeiter))
.catch (err => res.Status (400).JSON ('Fehler:' + err));
);
Router.Route ('/add').post ((req, res) =>
const Employeename = req.Körper.Mitarbeitername;
const newOplePopere = neuer Mitarbeiter (Employeename);
neuer Angestellter.speichern()
.dann (() => res.JSON ('Mitarbeiter fügte hinzu!'))
.catch (err => res.Status (400).JSON ('Fehler:' + err));
);
Modul.Exporte = Router;
Als nächstes öffnen Sie die “Bezeichnung.JSDatei zum Erstellen der Bezeichnungsrouten:
Erstens werden wir dieselben Endpunkte hinzufügen, die wir in die “hinzugefügt habenMitarbeiter.JS”Routes -Datei. Diesmal werden wir jedoch alle drei Felder brechen “Mitarbeitername","Bezeichnung", Und "Datum”Aus den eingereichten Daten:
const router = fordern ('express').Router ();Lassen Sie die Bezeichnung = erfordern ('… /Modelle /Bezeichnung.Modell');
Router.Route('/').get ((req, res) =>
Bezeichnung.finden()
.Dann (Bezeichnungen => res.JSON (Bezeichnungen))
.catch (err => res.Status (400).JSON ('Fehler:' + err));
);
Router.Route ('/add').post ((req, res) =>
const Employeename = req.Körper.Mitarbeitername
const bezeichnete = req.Körper.Bezeichnung;
const Datum = Datum.analysieren (req.Körper.Datum);
const Newdesignation = neue Bezeichnung (
Mitarbeitername,
Bezeichnung,
Datum,
);
Neudesignation.speichern()
.dann (() => res.JSON ('Bezeichnung hinzugefügt!'))
.catch (err => res.Status (400).JSON ('Fehler:' + err));
);
Modul.Exporte = Router;
Die zuvor zusätzlichen Endpunkte können zum Lesen und Erstellen der Bezeichnungselemente verwendet werden. Jetzt werden wir zwei Routen für die verbleibenden CRUD -Operationen erstellen, die sindaktualisieren" Und "löschen”.
Im untergegebenen Code “/:Ausweis”Get Endpoint gibt ein Bezeichnungselement zurück, das über das angegebene Element verfügt, und wird mit dem" mit der "gelöscht"löschen()”Funktion. Der "/update/: idPost -Endpoint aktualisiert die vorhandenen Bezeichnungselemente. Für den Update -Endpunkt werden wir zunächst das vorhandene Bezeichnungselement aus der MongoDB -Datenbank basierend auf der angegebenen ID abrufen. Danach werden wir die Werte für die Bezeichnungseigenschaft festlegen, wie z. B. "Mitarbeitername","Bezeichnung", Und "Datum”Zu den in der Anfrage empfangenen Werten. Zuletzt werden wir das nennen "Bezeichnung.speichern()Methode zum Speichern des aktualisierten Bezeichnungsobjekts in unserer Datenbank:
Router.Route ('/: id').get ((req, res) =>Bezeichnung.FindById (Req.Parameter.Ausweis)
.dann (Bezeichnung => res.JSON (Bezeichnung))
.catch (err => res.Status (400).JSON ('Fehler:' + err));
);
Router.Route ('/: id').löschen ((req, res) =>
Bezeichnung.FindByIdandDelete (Req.Parameter.Ausweis)
.dann (() => res.JSON ('Bezeichnung gelöscht.'))
.catch (err => res.Status (400).JSON ('Fehler:' + err));
);
Router.Route ('/update/: id').post ((req, res) =>
Bezeichnung.FindById (Req.Parameter.Ausweis)
.Dann (Bezeichnung =>
Bezeichnung.Employeename = Req.Körper.Mitarbeitername;
Bezeichnung.Bezeichnung = req.Körper.Bezeichnung;
Bezeichnung.Datum = Datum.analysieren (req.Körper.Datum);
Bezeichnung.speichern()
.dann (() => res.JSON ('Bezeichnung aktualisiert!'))
.catch (err => res.Status (400).JSON ('Fehler:' + err));
)
.catch (err => res.Status (400).JSON ('Fehler:' + err));
);
Lassen Sie uns nun den Knoten sagen.JS -Server, um die Routen zu verwenden, die wir im Ordner „Routen“ erstellt haben. Dazu öffnen wir den „Server.JS ”JavaScript-Datei unserer serverseitigen:
So unsere ““Server.JSDie Datei sieht an diesem Punkt aus:
Der Code, den Sie hinzufügen werden, sollte vor dem platziert werdenApp.Hören Sie (Port, Funktion () " Linie:
Fügen Sie nun den folgenden Code in den hervorgehobenen Abschnitt hinzu:
const bezeichnungenrouter = fordern ('./Routen/Bezeichnungen ');const EmployeesRouter = benötigen ('./Routen/Mitarbeiter ');
App.Verwendung ('/Bezeichnungen', Bezeichnungenrouter);
App.Verwendung ('/Mitarbeiter', Mitarbeiterrouter);
Die ersten beiden Zeilen im oben gegebenen Code laden den Router aus dem “Bezeichnungen" Und "Mitarbeiter"Dateien, die wir in" erstellt haben "Routes Ordner,Und dann werden die Router als Middleware definiert:
Drücken Sie "Strg+sUm die hinzugefügten Änderungen in Ihren Knoten zu speichern.JS Server-Side-Datei:
Nach dem Erstellen der Routen auf der serverseitigen im Knoten.JS, Sie können sie mit einer API -Testanwendung wie Postman und Schlaflosigkeit testen.
Abschluss
Der Prozess, in dem die Clientanfragen von der Serverseite des Knotens verarbeitet werden.JS wird als Routing definiert. Im Routing ist eine Route ein Abschnitt von “äußern”Code, der die HTTP -Anforderungen wie Post, Get, Löschen und Einsetzen in ein URL -Muster oder -Pad verlinkt, und fügt dann eine Funktion zum Umgang mit dem Muster hinzu. In diesem Artikel wurde gezeigt, wie die Routen auf der Serverseite im Knoten erstellt werden können.JS. Darüber hinaus wird auch das Verfahren zum Erstellen von API -Endpunkten auf der Grundlage der CRUD -Operationen bereitgestellt.