Autor-Detailseite

Öffnen Sie /controllers/authorController.js.

Fügen Sie die folgenden Zeilen am Anfang der Datei hinzu, um das Book Modul zu require(), das von der Autor-Detailseite benötigt wird (andere Module wie "express-async-handler" sollten bereits vorhanden sein).

const Book = require("../models/book");

Suchen Sie die exportierte author_detail() Controller-Methode und ersetzen Sie sie durch den folgenden Code.

// Display detail page for a specific Author.
exports.author_detail = asyncHandler(async (req, res, next) => {
  // Get details of author and all their books (in parallel)
  const [author, allBooksByAuthor] = await Promise.all([
    Author.findById(req.params.id).exec(),
    Book.find({ author: req.params.id }, "title summary").exec(),
  ]);

  if (author === null) {
    // No results.
    const err = new Error("Author not found");
    err.status = 404;
    return next(err);
  }

  res.render("author_detail", {
    title: "Author Detail",
    author: author,
    author_books: allBooksByAuthor,
  });
});

Das Vorgehen ist genau das gleiche wie für die Genre-Detailseite beschrieben. Die Routencontrollerfunktion verwendet Promise.all(), um den angegebenen Author und ihre zugehörigen Book Instanzen parallel abzufragen. Wenn kein passender Autor gefunden wird, wird ein Fehlerobjekt an die Express-Fehlerbehandlungsmiddleware gesendet. Wird der Autor gefunden, werden die abgerufenen Datenbankinformationen mithilfe des "author_detail" Templates gerendert.

Erstellen Sie /views/author_detail.pug und kopieren Sie den folgenden Text hinein.

extends layout

block content

  h1 Author: #{author.name}
  p #{author.date_of_birth} - #{author.date_of_death}

  div(style='margin-left:20px;margin-top:20px')

    h2(style='font-size: 1.5rem;') Books
    if author_books.length
      dl
        each book in author_books
          dt
            a(href=book.url) #{book.title}
          dd #{book.summary}
    else
      p This author has no books.

Alles in diesem Template wurde in den vorherigen Abschnitten demonstriert.

Führen Sie die Anwendung aus und öffnen Sie Ihren Browser unter http://localhost:3000/. Wählen Sie den Link Alle Autoren, dann wählen Sie einen der Autoren aus. Wenn alles korrekt eingerichtet ist, sollte Ihre Seite etwa wie der folgende Screenshot aussehen.

• Kehren Sie zurück zu Express Tutorial Teil 5: Bibliotheksdaten anzeigen.
• Fahren Sie fort mit dem letzten Unterartikel von Teil 5: BookInstance-Detailseite und Herausforderung.