Express Tutorial Teil 5: Bibliotheksdaten anzeigen
Wir sind nun bereit, die Seiten hinzuzufügen, die die Bücher und andere Daten der LocalLibrary Website anzeigen. Die Seiten umfassen eine Startseite, die zeigt, wie viele Datensätze wir von jedem Modelltyp haben, sowie Listen- und Detailseiten für alle unsere Modelle. Auf dem Weg dorthin werden wir praktische Erfahrung darin sammeln, wie man Datensätze aus der Datenbank abruft und Templates verwendet.
| Voraussetzungen: | Vervollständigen Sie die vorherigen Tutorial-Themen (einschließlich Express Tutorial Teil 4: Routen und Controller). |
|---|---|
| Zielsetzung: |
Verstehen, wie man asynchrone Datenbankoperationen mit async/await durchführt, wie man die Pug-Templating-Sprache verwendet und wie man Daten aus der URL in unseren Controller-Funktionen erhält.
|
Überblick
In unseren vorherigen Tutorial-Artikeln haben wir Mongoose-Modelle definiert, die wir zur Interaktion mit einer Datenbank verwenden können, und einige erste Bibliotheksdatensätze erstellt. Wir haben dann alle benötigten Routen für die LocalLibrary-Website erstellt, jedoch mit "Dummy-Controller"-Funktionen (das sind Skelett-Controller-Funktionen, die nur eine "nicht implementiert"-Nachricht zurückgeben, wenn eine Seite aufgerufen wird).
Der nächste Schritt ist, ordentliche Implementierungen für die Seiten bereitzustellen, die unsere Bibliotheksinformationen anzeigen (in späteren Artikeln werden wir uns mit der Implementierung von Seiten befassen, die Formulare zum Erstellen, Aktualisieren oder Löschen von Informationen enthalten). Dies beinhaltet die Aktualisierung der Controller-Funktionen, um Datensätze mit unseren Modellen abzurufen, und die Definition von Templates, um diese Informationen den Benutzern anzuzeigen.
Wir beginnen mit der Bereitstellung von Überblicks-/Einführungsthemen, die erklären, wie man asynchrone Operationen in Controller-Funktionen verwaltet und wie man Templates mit Pug schreibt. Dann stellen wir Implementierungen für jede unserer Haupt-"Nur-Lese"-Seiten mit einer kurzen Erklärung spezieller oder neuer Funktionen bereit, die sie verwenden.
Am Ende dieses Artikels sollten Sie ein gutes End-to-End-Verständnis dafür haben, wie Routen, asynchrone Funktionen, Ansichten und Modelle in der Praxis funktionieren.
Tutorial-Unterartikel zur Anzeige von Bibliotheksdaten
Die folgenden Unterartikel behandeln den Prozess der Hinzufügung der verschiedenen Funktionen, die erforderlich sind, um die benötigten Website-Seiten anzuzeigen. Sie müssen jeden dieser Unterartikel nacheinander lesen und durcharbeiten, bevor Sie zum nächsten übergehen.
Zusammenfassung
Wir haben nun alle "Nur-Lese"-Seiten für unsere Seite erstellt: eine Startseite, die die Anzahl der Instanzen jedes unserer Modelle anzeigt, sowie Listen- und Detailseiten für unsere Bücher, Buchinstanzen, Autoren und Genres. Auf diesem Weg haben wir viel grundlegendes Wissen über Controller, die Steuerung des Flusses bei der Verwendung asynchroner Operationen, die Erstellung von Ansichten mit Pug, das Abfragen der Website-Datenbank mit Modellen, das Übergeben von Informationen an eine Ansicht sowie das Erstellen und Erweitern von Templates erworben. Die Herausforderungen werden den Lesern auch etwas über den Umgang mit Daten mit Luxon beigebracht haben.
In unserem nächsten Artikel werden wir auf unserem Wissen aufbauen und HTML-Formulare und Formularverarbeitungscode erstellen, um die von der Seite gespeicherten Daten zu ändern.
Siehe auch
- Verwendung von Template-Engines mit Express (Express-Dokumentation)
- Pug (Pug-Dokumentation)
- Luxon (Luxon-Dokumentation)