Express Tutorial: Die lokale Bibliotheks-Website

Willkommen beim MDN "Local Library" Express (Node) Tutorial, in dem wir eine Website entwickeln, die zur Verwaltung des Katalogs einer lokalen Bibliothek genutzt werden könnte.

In dieser Serie von Tutorial-Artikeln werden Sie:

• Das Express Application Generator-Tool verwenden, um eine Grundstruktur für die Website und Anwendung zu erstellen.
• Den Node-Webserver starten und stoppen.
• Eine Datenbank nutzen, um die Daten Ihrer Anwendung zu speichern.
• Routen erstellen, um verschiedene Informationen anzufordern, und Templates ("Views"), um die Daten als HTML zu rendern, das im Browser angezeigt wird.
• Mit Formularen arbeiten.
• Ihre Anwendung in die Produktion bereitstellen.

Einige dieser Themen haben Sie bereits kennengelernt und andere kurz angeschnitten. Am Ende der Tutorial-Serie sollten Sie genug Wissen erlangt haben, um einfache Express-Apps selbst zu entwickeln.

LocalLibrary ist der Name der Website, die wir im Laufe dieser Serie von Tutorials erstellen und weiterentwickeln werden. Wie Sie erwarten würden, ist der Zweck der Website, einen Online-Katalog für eine kleine lokale Bibliothek bereitzustellen, in dem Benutzer verfügbare Bücher durchsuchen und ihre Konten verwalten können.

Dieses Beispiel wurde sorgfältig ausgewählt, da es so skaliert werden kann, dass es so viele oder so wenige Details zeigt, wie wir benötigen, und es ermöglicht, fast jedes Express-Feature zu demonstrieren. Noch wichtiger ist, dass es uns ermöglicht, einen geführten Weg durch die Funktionalitäten zu bieten, die Sie auf jeder Website benötigen:

• In den ersten Tutorial-Artikeln werden wir eine einfache Nur-Browsen-Bibliothek definieren, die Bibliotheksmitglieder verwenden können, um herauszufinden, welche Bücher verfügbar sind. Dies ermöglicht uns, die Operationen zu erkunden, die auf fast jeder Website üblich sind: das Lesen und Anzeigen von Inhalten aus einer Datenbank.
• Während wir fortschreiten, wird das Bibliotheksbeispiel auf natürliche Weise erweitert, um fortgeschrittenere Website-Funktionen zu demonstrieren. Beispielsweise können wir die Bibliothek erweitern, um die Erstellung neuer Bücher zu ermöglichen und dies zu nutzen, um zu demonstrieren, wie man Formulare verwendet und die Benutzer-Authentifizierung unterstützt.

Auch wenn dies ein sehr erweiterbares Beispiel ist, heißt es aus einem Grund LocalLibrary — wir hoffen, die minimalen Informationen zu zeigen, die Ihnen helfen, schnell mit Express zu starten. Daher werden wir Informationen zu Büchern, Buchkopien, Autoren und anderen wichtigen Informationen speichern. Wir werden jedoch keine Informationen zu anderen Gegenständen speichern, die eine Bibliothek verleihen könnte, oder die Infrastruktur bereitstellen, die notwendig wäre, um mehrere Bibliotheksstandorte oder andere "große Bibliothek"-Funktionen zu unterstützen.

Während Sie das Tutorial durchlaufen, stellen wir Ihnen die entsprechenden Code-Snippets zur Verfügung, die Sie an jedem Punkt kopieren und einfügen können, und es wird weiteren Code geben, den wir hoffen, dass Sie selbst erweitern werden (mit etwas Anleitung).

Anstatt alle Code-Snippets zu kopieren und einzufügen, versuchen Sie, sie selbst abzutippen. Auf lange Sicht wird es Ihnen zugutekommen, da Sie mit dem Code besser vertraut sein werden, wenn Sie das nächste Mal etwas Ähnliches schreiben.

Falls Sie nicht weiterkommen, können Sie die vollständig entwickelte Version der Website hier auf GitHub finden.

Nun, da Sie etwas mehr über die LocalLibrary Website und das, was Sie lernen werden, wissen, ist es an der Zeit, ein Grundgerüst-Projekt zu erstellen, das unser Beispiel enthält.

• Zurück
• Übersicht: Express-Web-Framework (Node.js/JavaScript)
• Weiter