Express Tutorial Teil 5: Bibliotheksdaten anzeigen

Wir sind jetzt bereit, die Seiten hinzuzufügen, die die Bücher und andere Daten der Lokalen Bibliothek anzeigen. Die Seiten umfassen eine Startseite, die zeigt, wie viele Einträge wir von jedem Modelltyp haben, sowie Liste- und Detailseiten für alle unsere Modelle. Dabei sammeln wir praktische Erfahrungen im Abrufen von Datensätzen aus der Datenbank und der Verwendung von Templates.

Voraussetzungen: Abschließen der vorherigen Tutorial-Themen (einschließlich Express Tutorial Teil 4: Routen und Controller).
Ziel: 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, mit denen wir mit einer Datenbank interagieren können, und einige anfängliche Bibliothekseinträge erstellt. Wir haben dann alle benötigten Routen erstellt für die Lokale Bibliothek-Website, jedoch mit "Dummy-Controller"-Funktionen (das sind grobe Controller-Funktionen, die nur eine "nicht implementiert"-Nachricht zurückgeben, wenn eine Seite aufgerufen wird).

Der nächste Schritt ist, ordnungsgemäße Implementierungen für die Seiten bereitzustellen, die unsere Bibliotheksinformationen anzeigen (wir werden uns später mit der Implementierung von Seiten mit Formularen zur Erstellung, Aktualisierung oder Löschung von Informationen befassen). Dies umfasst das Aktualisieren der Controller-Funktionen, um Datensätze mithilfe unserer Modelle abzurufen und Templates zu definieren, um diese Informationen für Benutzer anzuzeigen.

Wir beginnen mit einer Einführung in die Verwaltung von asynchronen Operationen in Controller-Funktionen und wie man Templates mit Pug schreibt. Dann stellen wir Implementierungen für jede unserer Hauptseiten im "Nur-Lesen"-Modus zur Verfügung, mit einer kurzen Erklärung zu 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 zusammenarbeiten.

Tutorial-Unterartikel zum Anzeigen von Bibliotheksdaten

Die folgenden Unterartikel führen Sie durch den Prozess der Hinzufügung der verschiedenen notwendigen Funktionen, um die benötigten Webseiten anzuzeigen. Sie sollten jeden dieser Artikel nacheinander lesen und durcharbeiten, bevor Sie mit dem nächsten fortfahren.

  1. Template-Einführung
  2. Das Basis-Template der Lokalen Bibliothek
  3. Startseite
  4. Buchliste-Seite
  5. BookInstance-Liste-Seite
  6. Datumformatierung mit luxon
  7. Liste-Seiten für Autoren und Genres Herausforderung
  8. Genre-Detailseite
  9. Buch-Detailseite
  10. Autor-Detailseite
  11. BookInstance-Detailseite und Herausforderung

Zusammenfassung

Wir haben nun alle "Nur-Lesen"-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. Dabei haben wir viel grundlegendes Wissen über Controller, das Verwalten der Flusskontrolle bei der Verwendung asynchroner Operationen, das Erstellen von Ansichten mit Pug, das Abfragen der Website-Datenbank mithilfe von Modellen, das Übermitteln von Informationen an eine Ansicht und das Erstellen und Erweitern von Templates erlangt. Die Herausforderungen haben den Lesern auch ein wenig über das Datumshandling mit Luxon beigebracht.

Im nächsten Artikel werden wir auf unserem Wissen aufbauen, HTML-Formulare und Formularbearbeitungscode erstellen, um die von der Seite gespeicherten Daten zu ändern.

Siehe auch