Express Tutorial Teil 5: Anzeigender Bibliotheksdaten
Wir sind nun bereit, die Seiten hinzuzufügen, die die Bücher der LocalLibrary Website und andere Daten anzeigen. Die Seiten umfassen eine Startseite, die zeigt, wie viele Datensätze wir von jedem Modelltyp haben, sowie Listen- und Detailseiten für alle unserer Modelle. Dabei werden wir praktische Erfahrungen darin sammeln, Datensätze aus der Datenbank zu holen und Vorlagen zu verwenden.
| Voraussetzungen: | Vervollständigen Sie die vorhergehenden Tutorial-Themen (einschließlich Express Tutorial Teil 4: Routen und Controller). |
|---|---|
| Ziel: |
Zu verstehen, wie man asynchrone Datenbankoperationen mit async/await ausfü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. Danach haben wir 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 besteht darin, ordnungsgemäße Implementierungen für die Seiten bereitzustellen, die unsere Bibliotheksinformationen anzeigen (Wir werden uns in späteren Artikeln mit der Implementierung von Seiten befassen, die Formulare zum Erstellen, Aktualisieren oder Löschen von Informationen enthalten). Dies umfasst das Aktualisieren der Controller-Funktionen, um Datensätze mit unseren Modellen abzurufen, und das Definieren von Vorlagen, um diese Informationen den Benutzern anzuzeigen.
Wir werden mit Überblicks-/Einführungsthemen beginnen, die erklären, wie man asynchrone Operationen in Controller-Funktionen verwaltet und wie man Vorlagen mit Pug schreibt. Anschließend bieten wir Implementierungen für jede unserer Haupt-"Read-only"-Seiten mit einer kurzen Erklärung der speziellen oder neuen Funktionen, die sie verwenden.
Am Ende dieses Artikels sollten Sie ein gutes 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 führen durch den Prozess des Hinzufügens der verschiedenen Funktionen, die erforderlich sind, um die erforderlichen Website-Seiten anzuzeigen. Sie müssen jeden dieser Artikel lesen und durcharbeiten, bevor Sie zum nächsten übergehen.
Zusammenfassung
Wir haben nun alle "Read-only"-Seiten für unsere Website 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, das Verwalten der Flusskontrolle bei der Verwendung von asynchronen Operationen, das Erstellen von Ansichten mit Pug, das Abfragen der Site-Datenbank mit Modellen, das Übergeben von Informationen an eine Ansicht sowie das Erstellen und Erweitern von Vorlagen gewonnen. Die Herausforderungen haben den Lesern sicherlich auch einiges über den Umgang mit Daten mithilfe von Luxon beigebracht.
In unserem nächsten Artikel werden wir auf unserem Wissen aufbauen und HTML-Formulare und Formularbearbeitungscode erstellen, um die auf der Website gespeicherten Daten zu modifizieren.
Siehe auch
- Verwendung von Template Engines mit Express (Express-Dokumentation)
- Pug (Pug-Dokumentation)
- Luxon (Luxon-Dokumentation)