Formular zum Löschen von Autoren

Controller—GET-Route

Öffnen Sie /controllers/authorController.js. Finden 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 = 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");
    return;
  }

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

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

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

Controller—POST-Route

Finden 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 = 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-Body-Parameter 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 um. Wenn es noch Bücher gibt, stellen wir das Formular einfach neu dar, wobei der Autor und die Liste der zu löschenden Bücher übergeben werden.

View

Erstellen Sie /views/author_delete.pug und kopieren Sie den folgenden 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 View erweitert das Layout-Template und überschreibt den Block namens content. Oben werden die Autorendetails angezeigt. Dann wird eine bedingte Anweisung basierend auf der Anzahl der author_books (die if und else Klauseln) eingefügt.

• Wenn Bücher mit dem Autor assoziiert sind, listet die Seite die Bücher auf und gibt an, dass diese gelöscht werden müssen, bevor dieser Author gelöscht werden kann.
• Wenn keine Bücher da sind, zeigt die Seite eine Bestätigungsaufforderung.
• Wenn der Delete-Button geklickt wird, wird die Autoren-ID in einer POST-Anfrage an den Server gesendet und der Datensatz dieses Autors wird gelöscht.

Hinzufügen einer Löschkontrolle

Als Nächstes fügen wir eine Delete-Kontrolle zur Author detail View hinzu (die Detailseite ist ein guter Ort, um einen Datensatz zu löschen).

Öffnen Sie die author_detail.pug View und fügen Sie unten die folgenden Zeilen hinzu.

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

Die Kontrolle sollte nun als Link erscheinen, wie unten auf der Author detail Seite gezeigt wird.

Wie sieht es aus?

Führen Sie die Anwendung aus und öffnen Sie Ihren Browser unter http://localhost:3000/. Wählen Sie dann den Link All authors und anschließend einen bestimmten Autor. Wählen Sie schließlich den Link Delete author.

Wenn der Autor keine Bücher hat, wird Ihnen eine Seite wie diese angezeigt. Nach dem Drücken der Delete-Schaltfläche wird der Server den Autor löschen und zur Autorenliste umleiten.

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!).

Nächste Schritte

• Zurück zu Express Tutorial Teil 6: Arbeiten mit Formularen.
• Fahren Sie fort mit dem letzten Unterartikel von Teil 6: Buch aktualisieren Formular.