Express Tutorial Teil 5: Bibliotheksdaten anzeigen

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

Voraussetzungen: Vervollständigen der vorherigen Tutorial-Themen (einschließlich Express Tutorial Teil 4: Routen und Controller).
Ziel: Verstehen, wie man asynchrone Datenbankoperationen mit async/await ausführt, wie man die Pug-Template-Sprache verwendet und wie man in unseren Controller-Funktionen Daten aus der URL abruft.

Übersicht

In unseren vorherigen Tutorial-Artikeln haben wir Mongoose-Modelle definiert, die wir zur Interaktion mit einer Datenbank verwenden können, und einige anfängliche Bibliothekseinträge erstellt. Wir haben dann alle benötigten Routen für die LocalLibrary Webseite erstellt, allerdings mit "Dummy-Controller"-Funktionen (dies sind Grundgerüst-Controllerfunktionen, die nur eine "nicht implementiert"-Meldung 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 (in späteren Artikeln werden wir uns mit der Implementierung von Seiten befassen, die Formulare zur Erstellung, Aktualisierung oder Löschung von Informationen enthalten). Dazu gehört, die Controller-Funktionen zu aktualisieren, um Datensätze mit unseren Modellen abzurufen und Templates zu definieren, um diese Informationen den Benutzern anzuzeigen.

Wir beginnen mit der Bereitstellung von Überblicks- und Einführungsthemen, die erklären, wie man asynchrone Operationen in Controller-Funktionen verwaltet und wie man Templates mit Pug schreibt. Anschließend bieten wir Implementierungen für jede unserer Hauptseiten im "Nur-Lese"-Format zusammen 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 erläutern den Prozess zum Hinzufügen der verschiedenen Funktionen, die erforderlich sind, um die benötigten Webseiten anzuzeigen. Sie sollten jeden dieser Artikel der Reihe nach lesen und durcharbeiten, bevor Sie zum nächsten übergehen.

  1. Template Einführung
  2. Das LocalLibrary Basistemplate
  3. Startseite
  4. Buchlistenseite
  5. BookInstance Listenseite
  6. Datumsformatierung mit Luxon
  7. Herausforderung zur Autoren- und Genrelistenseite
  8. Genre-Detailseite
  9. Buchdetailseite
  10. Autorendetailseite
  11. BookInstance Detailseite und Herausforderung

Zusammenfassung

Wir haben nun alle "Nur-Lese"-Seiten für unsere Seite erstellt: eine Startseite, die Anzahl der Instanzen jedes unserer Modelle anzeigt, sowie Listen- und Detailseiten für unsere Bücher, Buchexemplare, Autoren und Genres. Unterwegs haben wir viel grundlegendes Wissen über Controller, das Management von Kontrollfluss bei Verwendung von asynchronen Operationen, das Erstellen von Ansichten mit Pug, das Abfragen der Website-Datenbank über Modelle, das Weitergeben von Informationen an eine Ansicht und das Erstellen und Erweitern von Templates gesammelt. Die Herausforderungen haben den Lesern auch ein wenig über den Umgang mit Daten unter Verwendung von Luxon beigebracht.

In unserem nächsten Artikel werden wir auf unserem Wissen aufbauen, HTML-Formulare und Code zur Formularverarbeitung erstellen, um die von der Website gespeicherten Daten zu ändern.

Siehe auch