1. Écrivez-le devant
Tout le monde veut devenir un codeur complet. En tant que développeur Web frontal, la simple route vers la pile complète semble être Node.js. J'ai appris Node.js il y a quelque temps pour parler de la façon dont les novices peuvent rapidement construire leurs propres services Web et commencer la route vers la pile complète.
2. Installer Node.js
Quiconque a été exposé au développement back-end sait que la première chose à faire est d'installer le service. En tant que novice, vous devez choisir l'installation visuelle la plus simple (la prochaine étape du fou, d'autres méthodes, etc., le connaîtra naturellement après s'être familiarisé avec les opérations pertinentes). Téléchargez le package d'installation adapté par ordinateur (c'est Windows, je ne peux pas me permettre un Mac), puis l'installez en fonction du démarrage. Il est installé par défaut sous le fichier C: / Program Files / NodeJS et ajoutez ce répertoire à la variable d'environnement Path. Pour des pratiques spécifiques, cliquez avec le bouton droit sur "Mon ordinateur" - "Propriétés" - "Système Advanced" - "Advanced" - "Environment Variable" -Select "Nom de la variable: Path"; "Modifier la valeur de la variable: ajouter [c: / programme files / nodejs] à la fin (selon votre répertoire d'installation)". Ouvrez CMD et exécutez directement la commande:
Node -v peut sortir le numéro de version actuel. NPM a été intégré dans le fichier de nœud, puis utilisez NPM Installer XXX pour installer les plug-ins ou modules requis.
3. Utilisez le cadre express
Après avoir travaillé dur pendant un certain temps, j'ai finalement utilisé la commande NPM pour initialiser, installer le cadre express, puis j'ai écrit Hello World pour en profiter. Pourquoi choisir le cadre express? Bien sûr, il a ses caractéristiques spéciales. Ce dont les débutants ont le plus peur, c'est qu'ils sont gênants et faciles à faire des erreurs. Express a certainement pris en considération pour nous, il a donc fourni un générateur rapide: le générateur express
1. Installer sur Global via Commande: NPM Installer Express-Generator -g
2. Utilisez la commande express pour générer la structure du projet
Exprimez MyApp où MyApp est votre nom de projet
3. Entrez le fichier du projet via CD MyApp
Initialiser les modules de dépendance via l'installation de NPM
Démarrez le serveur Web en définissant Debug = MyApp & NPM Start
4. Ouvrez le http: // localhost: 3000 / url dans le navigateur et vous pouvez voir cette application.
Par défaut, le moteur de modèle utilisé est Jade et ce modèle a été configuré dans le projet.
4. Introduction au projet de générateur express
1. L'organisation du projet MyApp est la suivante:
2. Package.json peut être considéré comme le package de gestion des modules, les informations du projet et le numéro de version du module. En fait, vous constaterez que lorsque le module du projet est initialisé, il est généré par la configuration ici.
3. App.js est le fichier de démarrage du projet, qui peut être considéré comme le cœur du projet. Écrivez principalement des fonctions publiques.
4. Il y a un fichier www sans suffixe sous le fichier bac. Il s'agit du fichier d'entrée du projet, qui configure le port de service Web et certains événements d'écoute.
5. Node_modules est un module de fichiers qui dépend du projet. Le package importé y sera placé plus tard, tel que le module Mongoose se connectant à la base de données, qui sera discuté en détail plus tard.
6. Le public est un ensemble de fichiers de ressources statique du projet. Il est facile de voir que les images, les fichiers CSS et les fichiers JS sont tous placés ici.
7. Routes est le module de routage du projet, où les fichiers index.js et user.js ont été par défaut. Cela comprend en fait le contenu du contrôleur dans les langages de fond généraux, et bien sûr, il peut être séparé sur de grands projets.
8. Les vues sont le fichier de modèle du projet et est un moteur de modèle de jade. Ce modèle est très concis, mais il y a beaucoup de pièges. Par exemple, les exigences des espaces sont très strictes. Un plus ou un espace de moins rapportera des erreurs. J'ai marché sur de nombreux pièges, mais en fait, ses performances ne sont pas très élevées, il est donc préférable d'utiliser des EJ.
5. Installer MongoDB
1. Téléchargez également le fichier MSI directement sur le site officiel (http://www.mongodb.org/downloads )
2. L'étape suivante consiste à l'installer. S'il y a un défaut, laissez-le par défaut. S'il y a un choix, choisissez tout.
3. Configurez ensuite les variables d'environnement, tout comme le nœud, ne les décrivent plus, mais vous pouvez les mettre sur la photo, hahaha ...
4. Ensuite, c'est démarrer le service MongoDB
5. Passez la commande: Mongod --dbpath f: / mongodb / données où f: / mongodb / data est le chemin de stockage de fichiers. J'ai vu les informations suivantes et j'ai expliqué qu'elle avait réussi.
6. MongoDB écoute le port 27017. En même temps, lors de l'ouverture du navigateur et de la saisie de http://127.0.0.1:27017 , vous verrez l'invite suivante:
Il semble que vous essayiez d'accéder à MongoDB sur HTTP sur le port de pilote natif.
7. Ensuite, ouvrez un CMD et entrez la commande Mongo pour lier la base de données. L'invite suivante apparaît:
2015-05-02T17: 10: 19.467 + 0800 I Contrôle Hotfix KB2731284 ou la mise à jour ultérieure n'est pas installée, les fichiers de données à zéro ou les fichiers de données MongoDB Shell Version: 3.0.2 Connexion à: Test
8. De cette façon, Monogdb est installé avec succès dans l'environnement Windows.
Remplir:
9. Si vous pensez qu'il est difficile d'ouvrir un service avec des commandes à chaque fois, vous pouvez l'écrire dans un fichier de lots, ce qui signifie créer un nouveau fichier avec le suffixe.bat et écrire le code suivant:
Démarrer Mongod --Dbpath F: / MongoDB / DATA
10. Bien sûr, vous pouvez également démarrer MongoDB de manière service, mais je pense que ce n'est pas très utile dans le processus d'apprentissage. Les amis peuvent l'essayer vous-même. Si vous en avez besoin, je compenserai plus tard.
11. Si vous pensez que la ligne de commande n'est pas facile à utiliser, recommandez un logiciel avec une interface graphique: Mongovue, qui est similaire à Navicat. Il a une version gratuite, ce qui signifie qu'il y a moins de fonctions, mais elle est complètement suffisante pendant le processus d'apprentissage.
6. Utilisez monogdb dans le projet de nœud
1. Importez le module de connexion monogdb. Express présente officiellement le module Mongoskin. Je n'en parlerai pas. Ici, nous présentons l'installation par Mongoose
2. Exécutez l'installation de Mongoose -Save d'installation de NPM dans le projet MyApp et enregistrez-le sur node_modules. Vous pouvez également configurer "Mongoose": "^ 4.4.12" dans package.json, puis la commande d'installation NPM à installer.
3. Dans le fichier app.js
un. Importer le module Mongoose:
var mongoose = require ('Mongoose');
né Créer une connexion de base de données
Mongoose.connect ('mongodb: // localhost / mydb') // Connectez la base de données locale
4. Créez un nouveau schéma de dossier dans le répertoire des racines du projet. Ceci est le module d'ensemble de données. Créez un nouveau fichier utilisateur.js sous le module.
var mongoose = require ('Mongoose'); // Déclare un objet mongoons var userschema = new Mongoose.schema ({name: string, patw: string, meta: {CreateEat: {Type: Date, date: the date.Now ()}, updatEat: {Type: Date, Date.Now ()}}}}) // Operation UsersSchema.pre ('Save', fonction (next) {if (this.isnew) {this.meta.createat = this.meta.updateat = date.now ();} else {this.meta.updateat = date.now ();} next ();}) //search static userschema.static // interroger toutes les données renvoie ce .find () .sort ('meta.updateat') //sorting.exec(cb) // rappe5. Ajouter un fichier de modules au répertoire racine. Il s'agit du module de modèle de données. Ajoutez un fichier users.js sous le module.
var mongoose = require ('mongoose') var utilisateurSchema = require ('../ schémas / utilisateurs') // Obtenez le module de données exporté var utilisateurs = mongoose.model ('utilisateurs', userschema) // collection et générer le modèle de film module.exports = utilisateurs6. Ajouter un code de contrôleur de routage au fichier usinter.js dans le fichier des routes
var express = require ('express'); var mongoose = require ('mongoose'); // importer le module de mongoose var utilisateurs = require ('../ modèles / utilisateurs'); // Importer le module de données du modèle var router = express.router (); / * obtenir la liste des utilisateurs. */router.get('/', function(req, res, next) { res.send('respond with a resource');});//Query all user data router.get('/users', function(req, res, next) { Users.fetch(function(err, users) { if(err) { console.log(err); } res.render('users',{title: 'user list', Utilisateurs: utilisateurs}) // Vous pouvez également renvoyer directement les données dans JSON Format res.json ({data: utilisateurs});})}) module.exports = router;7. Ajouter des utilisateurs.jade au fichier de vues
étend le contenu LayoutBlock H1 = Title // Méthode de valeur Jade Ul chaque utilisateur dans les utilisateurs // Todin Jade Méthode Traversal Li H4 # {user.name} span # {user.paw}8. Enfin, ouvrez l'URL: http: // localhost: 3000 / utilisateurs / utilisateurs dans le navigateur pour afficher l'effet. Ici, un projet de la base de données à la frontale est terminé.
Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.