Express-Tutorial Teil 5: Bibliotheksdaten anzeigen
Jetzt können wir die Seiten hinzufügen, auf denen Bücher und andere Daten der LocalLibrary-Website angezeigt werden. Dazu gehören eine Startseite, die die Anzahl der Datensätze für jeden Modelltyp zeigt, sowie Listen- und Detailseiten für alle unsere Modelle. Dabei sammeln wir praktische Erfahrung mit dem Abrufen von Datensätzen aus der Datenbank und der Verwendung von Templates.
| Voraussetzungen: | Bearbeiten Sie die vorherigen Teile des Tutorials (einschließlich Express-Tutorial Teil 4: Routen und Controller). |
|---|---|
| Ziel: |
Verstehen, wie Sie mit async/await asynchrone Datenbankoperationen durchführen, die Template-Sprache Pug verwenden und in Controller-Funktionen Daten aus der URL abrufen.
|
Überblick
In den vorherigen Artikeln haben wir Mongoose-Modelle definiert, mit denen wir auf eine Datenbank zugreifen können, und einige erste Bibliotheksdatensätze erstellt. Anschließend haben wir alle benötigten Routen erstellt. Die Controller-Funktionen für die LocalLibrary-Website sind bislang jedoch nur Platzhalter: Beim Aufruf einer Seite geben sie lediglich die Meldung „nicht implementiert“ zurück.
Als Nächstes implementieren wir die Seiten, die unsere Bibliotheksdaten anzeigen. Seiten mit Formularen zum Erstellen, Aktualisieren oder Löschen von Daten behandeln wir in späteren Artikeln. Dazu aktualisieren wir die Controller-Funktionen, damit sie mithilfe unserer Modelle Datensätze abrufen, und definieren Templates, die diese Daten den Nutzern anzeigen.
Zunächst geben wir einen Überblick darüber, wie sich asynchrone Operationen in Controller-Funktionen verwalten und Templates mit Pug schreiben lassen. Danach implementieren wir die wichtigsten Seiten zum Anzeigen von Daten und erläutern jeweils kurz die besonderen oder neuen Funktionen, die dabei zum Einsatz kommen.
Am Ende dieses Artikels sollten Sie gut verstehen, wie Routen, asynchrone Funktionen, Views und Modelle in der Praxis zusammenspielen.
Unterartikel zum Anzeigen von Bibliotheksdaten
In den folgenden Unterartikeln fügen wir die Funktionen hinzu, die zum Anzeigen der Website-Seiten benötigt werden. Lesen und bearbeiten Sie die Artikel der Reihe nach, bevor Sie zum nächsten übergehen.
Zusammenfassung
Wir haben nun alle Seiten erstellt, die Daten unserer Website lediglich anzeigen: eine Startseite mit der Anzahl der Datensätze für jedes Modell sowie Listen- und Detailseiten für Bücher, Buchexemplare, Autoren und Genres. Dabei haben wir grundlegende Kenntnisse über Controller, die Ablaufsteuerung bei asynchronen Operationen, das Erstellen von Views mit Pug, Datenbankabfragen mithilfe von Modellen, die Übergabe von Informationen an Views sowie das Erstellen und Erweitern von Templates erworben.
Im nächsten Artikel bauen wir auf diesen Kenntnissen auf: Wir erstellen HTML-Formulare und Code für deren Verarbeitung, um die auf der Website gespeicherten Daten ändern zu können.
Siehe auch
- Template-Engines mit Express verwenden (Express-Dokumentation)
- Pug (Pug-Dokumentation)