Skip to content

juvasquezg/nodejs-mvc

Repository files navigation

nodejs-mvc

nodejs app step by step

##Primer Paso tag 01

First

Generate a package.json file

npm init

Second

  • create a config.example.js
  • se copia el config.example.js
cp config.example.js config.js
  • Add config.js to .gitignore

Third

Create a server.js to init tha application

Forth

% run

npm install express --save

Fift

node server.js

Six

##Segundo Paso tag 02

Seven

  • Se separa el server de la libreria express
  • Se crea la carpeta app
  • Dentro de la carpeta app se crea el archivo expressServer.js

Eigth

  • Se pasa la libreria express de server.js a expressServer.js
  • Se crea la clase expressServer en el archivo expressServer.js
  • Se exporta la clase expressServer.
  • Se pasa la sección Create express app de server.js para la clase expressServer de expressServer.js

Ninth

  • Se agrega config como parametro de la clase expressServer
  • Para que expressServer sea un parámetro de la clase se agrega this a esta variable.
  • Se llama el modulo de expressServer y se instancia el nuevo objeto app.

##Tercer Paso tag 03

Ten

  • se crea la carperta en app/middlewares donde se almacenan. todos los middlewares que va usar express.
  • Se crea el archivo admin.js donde se van a requerir los middlewares.
  • Se crea el middleware de static, que dice la carpeta del lado del cliente Frontend llamada public.
  • Se crea el midleware favicon para que encuentre el favicon del proyecto

Cuarto Paso tag 04

  • Se configura el template engine con express debajo de los middlewares
  • Se va a usar swig
  • Se crea la carpeta server y dentro las carpetas controllers, models, views
  • Dentro de views la carpeta templates.
  • Se crea el template en html para las paginas del proyecto.

Quinto Paso tag 05

  • Se crea un middlerware propio, creacion de middleware.
  • Se va a crear el middleware locals.
  • Esto son variables globales muy usadas en la aplicacion como los parametros de un usuario, el username, el nick...
  • Se modifica el template para observar el locals

Sexto Paso tag 06

  • Se configura la variable de entorno
  • Se corre en un ambiente de desarrollo

Septimo Paso tag 07

  • Se crea un controlador dinamico en expressServer
  • Se crea el archivo router que es una lista de objetos controllers

Octavo Paso Se agrega Angularjs al proyecto

  • Se modifica el template admin para el proyecto.
  • Se integra el repo de Angular con el de nodejs-mvc
  • Se siguen los pasos del repo AngularJs

Noveno Paso Se agrega Gruntfile.js y bower al proyecto.

  • Se crea el archivo Gruntfile.js al proyecto.
  • Se crea bower para dependencias.
  • Se agrega todo el ambiente de desarrollo automatizado.

Decimo, se crea un form y se usa POST

  • Se crea un form en el html create
  • Se capturan los datos con el body parser
  • Se deja en debugger

Once Crear la vista del controlador

  • Se crea la vista del controlador

Doce Crear el modelo del controlador y guardar datos MongoDb

  • Se crea el modelo del controlador
  • Se guardan los datos en MongoDb

This site was built entirely for education purposes only.