Express Tutorial Teil 5: Anzeigung von Bibliotheksdaten
Wir sind jetzt bereit, die Seiten hinzuzufügen, die die Bücher und anderen Daten der LocalLibrary Website anzeigen. Die Seiten werden eine Homepage enthalten, die zeigt, wie viele Datensätze wir von jedem Modelltyp haben, sowie Listen- und Detailseiten für alle unsere Modelle. Dabei werden wir praktische Erfahrungen im Abrufen von Datensätzen aus der Datenbank und der Verwendung von Templates sammeln.
| Voraussetzungen: | Schließen Sie die vorherigen Themen des Tutorials ab (einschließlich Express-Tutorial Teil 4: Routen und Controller). |
|---|---|
| Ziel: |
Verstehen, wie man asynchrone Datenbankoperationen mit async/await durchführt, wie man die Pug-Template-Sprache verwendet und wie man Daten von der URL in unseren Controller-Funktionen erhält.
|
Überblick
In unseren bisherigen Tutorial-Artikeln haben wir Mongoose-Modelle definiert, die wir zur Interaktion mit einer Datenbank verwenden können, und einige anfängliche Bibliotheksdatensätze erstellt. Wir haben dann alle benötigten Routen für die LocalLibrary-Website erstellt, jedoch mit „Dummy-Controller“-Funktionen (diese 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 das Implementieren von Seiten mit Formularen, um Informationen zu erstellen, zu aktualisieren oder zu löschen, in späteren Artikeln betrachten). Dies umfasst die Aktualisierung der Controller-Funktionen zum Abrufen von Datensätzen mit unseren Modellen und die Definition von Templates, um diese Informationen den Benutzern anzuzeigen.
Wir beginnen mit einer Einführung zu den Themen, wie man asynchrone Operationen in Controller-Funktionen verwaltet und wie man Templates mit Pug schreibt. Dann bieten wir Implementierungen für jede unserer Haupt-"Nur-Lese"-Seiten an, mit einer kurzen Erklärung der besonderen oder neuen Funktionen, die sie verwenden.
Am Ende dieses Artikels sollten Sie ein gutes Verständnis dafür haben, wie Routen, asynchrone Funktionen, Views und Modelle in der Praxis funktionieren.
Tutorial-Unterartikel zur Anzeigung von Bibliotheksdaten
Die folgenden Unterartikel erläutern den Prozess des Hinzufügens der verschiedenen Funktionen, die erforderlich sind, um die erforderlichen Webseiten anzuzeigen. Sie müssen jeden dieser Artikel der Reihe nach lesen und durcharbeiten, bevor Sie zum nächsten übergehen.
Zusammenfassung
Wir haben nun alle "Nur-Lese"-Seiten für unsere Website erstellt: eine Homepage, die die Anzahl der Instanzen jedes unserer Modelle anzeigt, sowie Listen- und Detailseiten für unsere Bücher, Buchinstanzen, Autoren und Genres. Dabei haben wir viel grundlegendes Wissen über Controller, das Verwalten des Kontrollflusses bei der Verwendung asynchroner Operationen, das Erstellen von Views mit Pug, das Abfragen der Site-Datenbank mit Modellen, das Übergeben von Informationen an eine View sowie das Erstellen und Erweitern von Templates erlangt. Die Herausforderungen haben den Lesern auch ein wenig über den Umgang mit Daten mithilfe von Luxon beigebracht.
In unserem nächsten Artikel werden wir auf unserem Wissen aufbauen, indem wir HTML-Formulare und Code zur Formularverarbeitung 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)