1. Escríbalo en el frente
Todos quieren convertirse en un codificador de pila completo. Como desarrollador web front-end, el camino simple a la pila completa parece ser node.js. Aprendí Node.js hace algún tiempo para hablar sobre cómo los novatos pueden construir rápidamente sus propios servicios web y comenzar el camino hacia Full Stack.
2. Instale Node.js
Cualquiera que haya estado expuesto al desarrollo de back-end sabe que lo primero que debe hacer es instalar el servicio. Como novato, debe elegir la instalación visual más simple (el siguiente paso del tonto, otros métodos, etc., lo sabrá naturalmente después de familiarizarse con las operaciones relevantes). Descargue el paquete de instalación adaptado a la computadora (esto es Windows, no puedo pagar una Mac) y luego instálelo de acuerdo con el arranque. Se instala de forma predeterminada en el archivo C:/Program/NodeJS, y agregue este directorio a la variable de entorno de ruta. Para prácticas específicas, haga clic con el botón derecho en "mi computadora"-"Propiedades"-"Sistema avanzado"-"Avanzado"-"Variable de entorno" -select "Nombre de variable: ruta"; "Cambie el valor de la variable: agregue [c:/archivos de programa/nodejs] al final (dependiendo de su directorio de instalación)". Abra CMD y ejecute el comando directamente:
El nodo -v puede generar el número de versión actual. NPM se ha integrado en el archivo de nodo y luego usa NPM Instalar xxx para instalar los complementos o módulos requeridos.
3. Use el marco expreso
Después de trabajar duro durante un tiempo, finalmente usé el comando NPM para inicializar, instalar el marco expreso y luego escribí Hello World para disfrutarlo. ¿Por qué elegir el marco expreso? Por supuesto, tiene sus características especiales. Lo que más temen los novatos es que son problemáticos y fáciles de cometer errores. Express ciertamente lo tomó en consideración para nosotros, por lo que proporcionó un generador rápido: Express-Generator
1. Instale en Global Via Comando: NPM Install Express -Generator -G
2. Use el comando expreso para generar la estructura del proyecto
Express myapp donde myapp es el nombre de tu proyecto
3. Ingrese el archivo del proyecto a través de CD myApp
Inicializar los módulos de dependencia a través de la instalación de NPM
Inicie el servidor web configurando debug = myApp & npm start
4. Abra el http: // localhost: 3000/url en el navegador y puede ver esta aplicación.
Por defecto, el motor de plantilla utilizado es Jade, y esta plantilla se ha configurado en el proyecto.
4. Introducción al proyecto de Express Generator
1. La organización del proyecto MyApp es la siguiente:
2. Se puede decir que el paquete.json es el paquete de administración del módulo, la información del proyecto y el número de versión del módulo. De hecho, encontrará que cuando se inicialice el módulo del proyecto, la configuración lo genera aquí.
3. App.js es el archivo de inicio del proyecto, que se puede decir que es el núcleo del proyecto. Principalmente escriba algunas funciones públicas.
4. Hay un archivo www sin sufijo en el archivo bin. Este es el archivo de entrada del proyecto, que configura el puerto de servicio web y algunos eventos de escucha.
5. Node_Modules es un módulo de archivo que depende del proyecto. El paquete importado se colocará en él más adelante, como el módulo de mangostos que se conecta a la base de datos, que se discutirá en detalle más adelante.
6. El público es un conjunto de archivos de recursos estáticos del proyecto. Es fácil ver que las imágenes, los archivos CSS y los archivos JS se colocan aquí.
7. Las rutas es el módulo de enrutamiento del proyecto, donde se han incumplido los archivos index.js y user.js. Esto en realidad incluye contenido del controlador en lenguajes de fondo general y, por supuesto, puede separarse en grandes proyectos.
8. Vistas es el archivo de plantilla del proyecto y es un motor de plantilla Jade. Esta plantilla es muy concisa, pero hay muchas dificultades. Por ejemplo, los requisitos para los espacios son muy estrictos. Uno más o uno menos informará errores. He pisado muchas trampas, pero de hecho su rendimiento no es muy alto, por lo que es mejor usar EJS.
5. Instale MongoDB
1. También descargue el archivo MSI directamente en el sitio web oficial (http://www.mongodb.org/downloads )
2. El siguiente paso es instalarlo. Si hay un valor predeterminado, déjelo predeterminado. Si hay una opción, elija todo.
3. Luego, configure las variables de entorno, al igual que el nodo, ya no las describe, pero puede ponerlas en la imagen, jajaja ...
4. Lo siguiente es comenzar el servicio MongoDB
5. Pase el comando: MongoD --DBPath F:/MongoDB/Data donde F:/MongoDB/Data es la ruta de almacenamiento de archivos. Vi la siguiente información y expliqué que fue exitoso.
6. MongoDB escucha al puerto 27017. Al mismo tiempo, al abrir el navegador e ingresar http://127.0.0.1:27017 , verá el siguiente mensaje:
Parece que está tratando de acceder a MongoDB a través de HTTP en el puerto del conductor nativo.
7. Luego, abra un CMD e ingrese el comando Mongo para vincular la base de datos. Aparece el siguiente mensaje:
2015-05-02T17: 10: 19.467+0800 i Control Hotfix KB2731284 o la actualización posterior no está instalada, los archivos de datos de cero fuera MongoDB Shell Versión: 3.0.2 Conexión a: Prueba: Prueba
8. De esta manera, MonogDB se instala con éxito en el entorno de Windows.
Reponer:
9. Si cree que es problemático abrir un servicio con comandos cada vez, puede escribirlo en un archivo por lotes, lo que significa crear un nuevo archivo con sufix.bat y escribir el siguiente código:
Iniciar MongoD --DBPATH F:/MongoDB/Data
10. Por supuesto, también puede comenzar a MongoDB de manera, pero creo que no es muy útil en el proceso de aprendizaje. Los amigos pueden probarlo usted mismo. Si lo necesita, lo compensaré más tarde.
11. Si cree que la línea de comando no es fácil de usar, recomiende un software con una interfaz gráfica: Mongovue, que es similar a Navicat. Tiene una versión gratuita, lo que significa que hay menos funciones, pero es completamente suficiente durante el proceso de aprendizaje.
6. Use MonogDB en el proyecto de nodo
1. Importe el módulo de conexión MONOGDB. Express presenta oficialmente el módulo Mongoskin. No hablaré de esto. Aquí presentamos la instalación a través de Mongoose
2. Ejecute la instalación de Mongoose -save de instalación NPM en el proyecto MyApp y guárdelo en Node_Modules. También puede configurar "Mongoose": "^4.4.12" en paquete.json, y luego comandar NPM Instalar para instalar.
3. En el archivo app.js
a. Importar el módulo de mangosta:
var mongoose = require ('mongoose');
b. Crear una conexión de base de datos
Mongoose.connect ('mongodb: // localhost/mydb') // Conecte la base de datos local
4. Cree un nuevo esquemas de carpeta en el directorio de la raíz del proyecto. Este es el módulo de conjunto de datos. Cree un nuevo archivo Users.js en el módulo.
var mongoose = request ('Mongoose'); // declarar un objeto Mongoons var userssschema = new Mongoose.schema ({name: string, paw: string, meta: {createeat: {type: date, default: date.now ()}, updateat: {type: date, fecher.now.now ()}}}) Operation UsersSchema.Pre ('save', function (next) {if (this.isnew) {this.meta.createat = this.meta.updateat = date.now ();} else {this.meta.updateat = date.now ();} next ();}) // Method static Method Usschema.statics = {fetch: Function (ceb) Los datos devuelven esto .find () .sort ('meta.updateat') //sorting.exec(cb) // llamado}, findByid: function (id, cb) {// consulta una sola pieza de datos basada en la identificación devuelve esto .findone ({_ id: id}) .exec (cb)} // método module.5. Agregue el archivo de módulos al directorio raíz. Este es el módulo del modelo de datos. Agregue el archivo Users.js en el módulo.
var mongoose = require ('Mongoose') var userssschema = request ('../ schemas/ussers') // Obtenga el módulo de datos exportado var users = mongoose.model ('ussers', ussersschema) // recopilación y genere el model de películas Model.exports = userssers = userssers = users6. Agregue el código del controlador de enrutamiento al archivo ussers.js en el archivo de rutas
var express = request ('express'); var mongoose = request ('mongoose'); // import mongoose módulo var userss = request ('../ modelos/usuarios'); // Importar el módulo de datos modelo var enruter = express.router ();/* Obtener la lista de usuarios. */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', Usuarios: usuarios}) // Aquí también puede devolver directamente los datos en formato JSON res.json ({data: users});7. Agregue usuarios. Jade al archivo de vistas
extiende el contenido de LayoutBlock H1 = Title // Jade Value Method UL Cada usuario en usuarios // Método de traversal de plantilla Jade Li H4 #{user.name} span #{user.paw}8. Finalmente, abra la URL: http: // localhost: 3000/usuarios/usuarios en el navegador para ver el efecto. Aquí, se completa un proyecto de la base de datos al front-end.
Lo anterior se trata de este artículo, espero que sea útil para el aprendizaje de todos.