1. Schreiben Sie es vor
Jeder möchte ein voller Stapelcodierer werden. Als Front-End-Webentwickler scheint der einfache Weg zum Full Stack Node.js. Ich habe vor einiger Zeit Node.js gelernt, um darüber zu sprechen, wie Anfänger schnell ihre eigenen Webdienste erstellen und den Weg zum Full Stack beginnen können.
2. Installieren Sie Node.js
Jeder, der einer Back-End-Entwicklung ausgesetzt war, weiß, dass das erste, was zu tun ist, den Service zu installieren. Als Anfänger müssen Sie die einfachste visuelle Installation auswählen (der nächste Schritt des Narren, andere Methoden usw. wird sie nach dem Vertrauen mit relevanten Operationen natürlich kennen. Laden Sie das computergestützte Installationspaket herunter (dies ist Windows, ich kann mir keinen Mac leisten) und installieren Sie es dann gemäß dem Start. Es wird standardmäßig unter der Datei c:/Programmdateien/NodeJS -Datei installiert und dieses Verzeichnis der Pfadumgebungsvariable hinzufügen. Für bestimmte Praktiken klicken Sie mit der rechten Maustaste auf "My Computer"-"Eigenschaften"-"System Advanced"-"Advanced"-"Umgebungsvariable" -Select "Variablenname: Pfad"; "Ändern Sie den Wert der Variablen: Fügen Sie am Ende [c:/Programmdateien/NodeJs] hinzu (abhängig von Ihrem Installationsverzeichnis)." Öffnen Sie CMD und führen Sie den Befehl direkt aus:
Node -v kann die aktuelle Versionsnummer ausgeben. NPM wurde in die Knotendatei integriert und verwenden dann NPM-Installation XXX, um die erforderlichen Plug-Ins oder Module zu installieren.
3. Verwenden Sie das Express -Framework
Nachdem ich für eine Weile hart gearbeitet hatte, benutzte ich schließlich den Befehl npm, um das Express -Framework zu initialisieren, das Express -Framework zu installieren, und schrieb dann Hello World, um es zu genießen. Warum das Express -Framework wählen? Natürlich hat es seine besonderen Funktionen. Wovor die Neulinge am meisten Angst haben, ist, dass sie problematisch und leicht Fehler machen. Express berücksichtigte es für uns sicher
1. installieren
2. Verwenden Sie den Befehl Express, um die Projektstruktur zu generieren
Express MyApp, wo MyApp Ihr Projektname ist
3. Geben Sie die Projektdatei über CD MyApp ein
Initialisieren Sie die Abhängigkeitsmodule über NPM -Installation
Starten Sie den Webserver, indem Sie Debug = MyApp & NPM Start einstellen
V.
Standardmäßig ist die verwendete Template -Engine JADE, und diese Vorlage wurde im Projekt konfiguriert.
4. Einführung in das Projekt des Expressgenerators
1. Die Organisation des MyApp -Projekts lautet wie folgt:
2. Paket.json kann als Modulverwaltungspaket, Projektinformationen und Modulversionsnummer bezeichnet werden. Tatsächlich werden Sie feststellen, dass das Projektmodul hier durch die Konfiguration generiert wird.
3. App.js ist die Projektstart -Datei, die als Kern des Projekts bezeichnet werden kann. Schreiben Sie hauptsächlich einige öffentliche Funktionen.
4.. Es gibt eine WWW -Datei ohne Suffix unter der Bin -Datei. Dies ist die Eintragsdatei des Projekts, die den Webdienstport und einige Hörereignisse konfiguriert.
5. node_modules ist ein Dateimodul, das vom Projekt abhängt. Das importierte Paket wird später darin platziert, z.
6. Public ist eine statische Ressourcendatei -Datei des Projekts. Es ist leicht zu erkennen, dass die Bilder, CSS -Dateien und JS -Dateien hier platziert sind.
7. Routes ist das Routing -Modul des Projekts, wobei die Dateien index.js und user.js standardmäßig standardmäßig sind. Dies umfasst tatsächlich Controller -Inhalte in allgemeinen Hintergrundsprachen und kann natürlich bei großen Projekten getrennt werden.
8. Ansichten sind die Vorlagendatei des Projekts und eine Jade -Vorlage -Engine. Diese Vorlage ist sehr prägnant, aber es gibt viele Fallstricke. Zum Beispiel sind die Anforderungen an Räume sehr streng. Ein weiterer oder ein Speicherplatz weniger meldet Fehler. Ich habe viele Fallstricke getreten, aber tatsächlich ist seine Leistung nicht sehr hoch, daher ist es besser, EJs zu verwenden.
5. MongoDB installieren
1. Laden Sie auch die MSI -Datei direkt auf der offiziellen Website (http://www.mongodb.org/downloads ) herunter
2. Der nächste Schritt besteht darin, es zu installieren. Wenn es einen Standard gibt, lassen Sie es standardmäßig. Wenn es eine Wahl gibt, wählen Sie alle.
3. Konfigurieren Sie dann die Umgebungsvariablen, genau wie der Knoten, beschreiben Sie sie nicht mehr, aber Sie können sie auf das Bild legen, hahaha ...
4. Als nächstes starten Sie den MongoDB -Dienst
5. Übergeben Sie den Befehl: Mongod - -DBPath f:/mongoDB/Daten, wobei f:/mongoDB/Daten der Dateispeicherpfad sind. Ich sah die folgenden Informationen und erklärte, dass es erfolgreich war.
6. MongoDB hört auf Port 27017. Gleichzeitig beim Öffnen des Browsers und der Eingabe http://127.0.0.1:27017 sehen Sie die folgende Eingabeaufforderung:
Es sieht so aus, als ob Sie versuchen, über HTTP am nativen Treiberanschluss auf MongoDB zuzugreifen.
7. Öffnen Sie dann einen CMD und geben Sie den Befehl mongo ein, um die Datenbank zu verknüpfen. Die folgende Eingabeaufforderung wird angezeigt:
2015-05-02T17: 10: 19.467+0800 I Control Hotfix KB2731284 oder späteres Update ist nicht installiert.
8. Auf diese Weise ist Monogdb erfolgreich in der Windows -Umgebung installiert.
Wieder auffüllen:
9. Wenn Sie der Meinung sind, dass es problematisch ist, einen Dienst jedes Mal mit Befehlen zu öffnen, können Sie ihn in eine Stapeldatei schreiben, was bedeutet, eine neue Datei mit dem Suffix.bat zu erstellen und den folgenden Code zu schreiben:
Starten Sie Mongod -DBPath f:/mongoDB/Daten
10. Natürlich können Sie auch mit MongoDB auf Service beginnen, aber ich denke, es ist im Lernprozess nicht sehr nützlich. Freunde können es selbst versuchen. Wenn Sie es brauchen, werde ich es später wieder gut machen.
11. Wenn Sie der Meinung sind, dass die Befehlszeile nicht einfach zu verwenden ist, empfehlen Sie eine Software mit einer grafischen Schnittstelle: Mongovue, die dem Navicat ähnelt. Es hat eine kostenlose Version, was bedeutet, dass es weniger Funktionen gibt, aber sie reicht während des Lernprozesses völlig aus.
6. Verwenden Sie Monogdb im Knotenprojekt
1. Importieren Sie das Monogdb -Verbindungsmodul. Express stellt offiziell das Mongoskin -Modul vor. Ich werde nicht darüber sprechen. Hier stellen wir die Installation über Mongoose vor
2. Führen Sie die NPM -Installation der Mongoose -Save -Installation im MyApp -Projekt aus und speichern Sie sie auf node_modules. Sie können auch "mongoose" konfigurieren: "^4.4.12" in package.json und dann Befehl npm installieren, um zu installieren.
3. In der App.js -Datei
A. Importieren Sie das Mongoose -Modul:
var mongoose = erfordern ('mongoose');
B. Erstellen Sie eine Datenbankverbindung
mongoose.connect ('mongoDB: // localhost/mydb') // Verbinde die lokale Datenbank
V. Dies ist das Datensatzmodul. Erstellen Sie unter dem Modul eine neue Datei users.js.jul.
var mongoose = require('mongoose');//Declare a mongoons object var UsersSchema = new mongoose.Schema({ name: String, paw: String, meta: { createAt: { type: Date, default: Date.now() }, updateAt: { type: Date, default: Date.now() } }})//Every execution, it will be called, and the Zeit -Update -Operation userSchema.pre ('speichern', function (next) {if (this.isNew) {this.meta.creatat = this.meta.UpDateat = Date.now ();} else {this.meta.updateat = Date // Alle Daten abfragen.5. Moduldatei zum Stammverzeichnis hinzufügen. Dies ist das Datenmodellmodul. Fügen Sie user.js -Datei unter das Modul hinzu.
var mongoose = required ('mongoose') var userSchema = require ('../ Schemas/Benutzer') // Erhalten Sie das exportierte Datensatzmodul var user = mongoose.model ('userScheme', userSchema) // Sammeln und generieren das Filmmodell modul.exports = user = user = userS.
var express = required ('express'); var mongoose = required ('mongoose'); // Mongoose -Modul var user = required ('../ models/user'); // Modelldatenmodul var Router = express.router ();/* Nutzungslistening. */router.get ('/', function (req, res, next) {res.send ('reagieren mit einer Ressource');}); // Abfragen Sie alle Benutzerdaten -Router.get ('/user', Funktion (req, res, next) {user.fetch (function) {{{{{{console), {console: {{{{console: {{{{{{{{{{{{{{{{{{{{{{{{{} ({{{{{{erres) ({{{{{{{{}, {{{console ({{{{} (}); Benutzer: Benutzer}) // Hier können Sie auch Daten im JSON -Format res.json ({Daten: Benutzer}) zurückgeben;7. Users.jade zur Ansichtsdatei hinzufügen
Erweitert LayoutBlock -Inhalt h1 = title // Jade Value -Methode ul jeder Benutzer in Benutzern // Jade -Vorlage Traversal -Methode Li H4 #{user.name} span #{user.paw}8. Öffnen Sie schließlich die URL: http: // localhost: 3000/Benutzer/Benutzer im Browser, um den Effekt anzuzeigen. Hier ist ein Projekt von der Datenbank zum Front-End abgeschlossen.
Das Obige dreht sich alles um diesen Artikel, ich hoffe, es wird für das Lernen aller hilfreich sein.