Löschen von Autor-Formular

Öffnen Sie /controllers/authorController.js. Suchen Sie die exportierte author_delete_get() Controller-Methode und ersetzen Sie sie mit dem folgenden Code.

// Display Author delete form on GET.
exports.author_delete_get = 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.
    res.redirect("/catalog/authors");
  }

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

Der Controller erhält die ID der Author-Instanz, die gelöscht werden soll, aus dem URL-Parameter (req.params.id). Er verwendet await für das von Promise.all() zurückgegebene Versprechen, um asynchron auf den angegebenen Autoren-Datensatz und alle zugehörigen Bücher zu warten (parallel). Wenn beide Operationen abgeschlossen sind, rendert er die author_delete.pug Ansicht und übergibt Variablen für den title, author und author_books.

if (author === null) {
  // Keine Ergebnisse.
  res.redirect("/catalog/authors");
}

Suchen Sie die exportierte author_delete_post() Controller-Methode und ersetzen Sie sie mit dem folgenden Code.

// Handle Author delete on POST.
exports.author_delete_post = 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 (allBooksByAuthor.length > 0) {
    // Author has books. Render in same way as for GET route.
    res.render("author_delete", {
      title: "Delete Author",
      author,
      author_books: allBooksByAuthor,
    });
    return;
  }
  // Author has no books. Delete object and redirect to the list of authors.
  await Author.findByIdAndDelete(req.body.authorid);
  res.redirect("/catalog/authors");
});

Zuerst validieren wir, dass eine ID bereitgestellt wurde (dies wird über die Formular-Körperparameter gesendet, anstatt die Version in der URL zu verwenden). Dann holen wir den Autor und seine zugehörigen Bücher auf die gleiche Weise wie bei der GET-Route. Wenn es keine Bücher gibt, löschen wir das Autorenobjekt und leiten zur Liste aller Autoren weiter. Wenn es noch Bücher gibt, rendern wir einfach das Formular erneut und übergeben den Autor und die Liste der zu löschenden Bücher.

Erstellen Sie /views/author_delete.pug und kopieren Sie den unten stehenden Text hinein.

extends layout

block content

  h1 #{title}: #{author.name}
  p= author.lifespan

  if author_books.length

    p #[strong Delete the following books before attempting to delete this author.]
    div(style='margin-left:20px;margin-top:20px')
      h4 Books
      dl
        each book in author_books
          dt
            a(href=book.url) #{book.title}
          dd #{book.summary}

  else
    p Do you really want to delete this Author?

    form(method='POST')
      div.form-group
        input#authorid.form-control(type='hidden', name='authorid', value=author._id )

      button.btn.btn-primary(type='submit') Delete

Die Ansicht erweitert die Layoutvorlage und überschreibt den Block namens content. Am Anfang werden die Autorendetails angezeigt. Es enthält dann eine bedingte Anweisung basierend auf der Anzahl der author_books (die if- und else-Klauseln).

• Wenn Bücher mit dem Autor verbunden sind, listet die Seite diese Bücher auf und gibt an, dass sie gelöscht werden müssen, bevor dieser Author gelöscht werden kann.
• Wenn keine Bücher vorhanden sind, zeigt die Seite eine Bestätigungsaufforderung an.
• Wenn die Löschen-Schaltfläche gedrückt wird, wird die Autoren-ID in einer POST-Anfrage an den Server gesendet, und der Datensatz des Autors wird gelöscht.

Als nächstes fügen wir eine Löschen-Steuerung zur Author detail Ansicht hinzu (die Detailseite ist ein guter Ort, um einen Datensatz zu löschen).

Öffnen Sie die author_detail.pug Ansicht und fügen Sie am Ende die folgenden Zeilen hinzu.

hr
p
  a(href=author.url+'/delete') Delete author

Die Steuerung sollte jetzt als Link erscheinen, wie unten auf der Author detail-Seite gezeigt.

Führen Sie die Anwendung aus und öffnen Sie Ihren Browser unter http://localhost:3000/. Wählen Sie dann den Link Alle Autoren und dann einen bestimmten Autor. Klicken Sie schließlich auf den Link Autor löschen.

Wenn der Autor keine Bücher hat, wird Ihnen eine Seite wie diese angezeigt. Nach dem Drücken von Löschen, wird der Server den Autor löschen und zur Liste der Autoren weiterleiten.

Wenn der Autor Bücher hat, wird Ihnen eine Ansicht wie die folgende angezeigt. Sie können dann die Bücher von ihren Detailseiten löschen (sobald dieser Code implementiert ist!).

• Kehren Sie zurück zu Express Tutorial Teil 6: Arbeiten mit Formularen.
• Fahren Sie fort mit dem letzten Unterartikel von Teil 6: Buchformular aktualisieren.