Express Tutorial: Die Website der Lokalen Bibliothek
Der erste Artikel in unserer praktischen Tutorialreihe erklärt, was Sie lernen werden, und gibt einen Überblick über die Beispiel-Website der "lokalen Bibliothek", die wir in den folgenden Artikeln durchgehen und erweitern werden.
Voraussetzungen: | Lesen Sie die Express-Einführung. Für die folgenden Artikel müssen Sie außerdem eine Node-Entwicklungsumgebung eingerichtet haben. |
---|---|
Ziel: | Die Einführung in die Beispielanwendung, die in diesem Tutorial verwendet wird, sowie das Verständnis der behandelten Themen. |
Überblick
Willkommen zum MDN-Tutorial "Lokale Bibliothek" mit Express (Node), in dem wir eine Website entwickeln, die möglicherweise zur Verwaltung des Katalogs einer lokalen Bibliothek verwendet wird.
In dieser Reihe von Tutorial-Artikeln werden Sie:
- Das Tool Express Application Generator nutzen, um eine Grundstruktur für Website und Anwendung zu erstellen.
- Den Node-Webserver starten und stoppen.
- Eine Datenbank verwenden, um die Daten Ihrer Anwendung zu speichern.
- Routen zum Anfordern verschiedener Informationen erstellen und Vorlagen ("Views") nutzen, um die Daten als HTML zu rendern, das im Browser angezeigt wird.
- Mit Formularen arbeiten.
- Ihre Anwendung in der Produktion bereitstellen.
Einige dieser Themen haben Sie bereits kennengelernt und andere kurz angeschnitten. Am Ende der Tutorialreihe sollten Sie genug wissen, um einfache Express-Anwendungen selbst zu entwickeln.
Die LocalLibrary-Website
LocalLibrary ist der Name der Website, die wir im Laufe dieser Tutorialreihe erstellen und weiterentwickeln werden. Wie Sie erwarten würden, besteht der Zweck der Website darin, einen Online-Katalog für eine kleine lokale Bibliothek bereitzustellen, in dem Benutzer verfügbare Bücher durchstöbern und ihre Konten verwalten können.
Dieses Beispiel wurde sorgfältig ausgewählt, da es so skalierbar ist, dass es je nach Bedarf mehr oder weniger Details zeigen kann und fast jede Express-Funktion demonstriert. Noch wichtiger ist, dass es uns ermöglicht, einen geführten Weg durch die Funktionalität der benötigten Website zu bieten:
- In den ersten Tutorial-Artikeln werden wir eine einfache nur-browsende Bibliothek definieren, die Bibliotheksmitglieder nutzen können, um herauszufinden, welche Bücher verfügbar sind. Dies ermöglicht es uns, die Operationen zu untersuchen, die für fast jede Website üblich sind: das Lesen und Anzeigen von Inhalten aus einer Datenbank.
- Während wir fortschreiten, erweitert sich das Bibliotheksbeispiel natürlich, um fortgeschrittenere Website-Funktionen zu demonstrieren. Zum Beispiel können wir die Bibliothek erweitern, um neue Bücher zu erstellen, und dies nutzen, um zu zeigen, wie man Formulare verwendet und die Benutzer-Authentifizierung unterstützt.
Obwohl dies ein sehr erweiterbares Beispiel ist, wird es aus gutem Grund LokaleBibliothek genannt — wir hoffen, die minimale Information zu zeigen, die Ihnen hilft, schnell mit Express zu starten. Daher werden wir Informationen über Bücher, Buchkopien, Autoren und andere wichtige Informationen speichern. Wir speichern jedoch keine Informationen über andere Artikel, die eine Bibliothek verleihen könnte, und bieten keine Infrastruktur zur Unterstützung mehrerer Bibliotheksstandorte oder anderer "großer" Bibliotheksfunktionen.
Ich bin steckengeblieben, wo finde ich den Quellcode?
Während Sie das Tutorial durcharbeiten, werden wir die entsprechenden Code-Snippets bereitstellen, die Sie an jedem Punkt kopieren und einfügen können, und es wird weiteren Code geben, den wir hoffen, dass Sie selbst erweitern (mit etwas Anleitung).
Statt alle Code-Snippets zu kopieren und einzufügen, versuchen Sie, sie abzutippen. Das wird Ihnen auf lange Sicht nützen, da Sie mit dem Code vertrauter werden, das nächste Mal, wenn Sie etwas Ähnliches schreiben.
Wenn Sie nicht weiterkommen, finden Sie die vollständig entwickelte Version der Website hier auf GitHub.
Hinweis: Die speziellen Versionen von Node, Express und den anderen Modulen, gegen die diese Dokumentation getestet wurde, sind im Projekt package.json aufgeführt.
Zusammenfassung
Da Sie jetzt ein wenig mehr über die LocalLibrary-Website und das, was Sie lernen werden, wissen, ist es an der Zeit, ein Skelettprojekt zu erstellen, um unser Beispiel zu enthalten.