Autor-Detailseite

Öffnen Sie /controllers/authorController.js.

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

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

Finden 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,
  });
});

Der Ansatz ist genau der gleiche wie auf der Genre-Detailseite beschrieben. Die Routen-Controller-Funktion verwendet Promise.all(), um den angegebenen Author und die zugehörigen Book-Instanzen parallel abzufragen. Wenn kein passender Autor gefunden wird, wird ein Fehlerobjekt an die Express-Fehlerbehandlungsmiddleware gesendet. Wenn der Autor gefunden wird, werden die abgerufenen Datenbankinformationen mit der "author_detail"-Vorlage 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 dieser Vorlage wurde in vorherigen Abschnitten demonstriert.

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

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