fbpx

MI PRIMER CRUD

Para empezar a desarrollar nuestro primer CRUD, debemos instalar los siguientes módulos:

Express, el cual nos ayudara a conectarnos a la base de datos y definir de mejor manera el código permitiéndonos la inter acción con la base de datos

Ejs, un motor de plantillas que nos permite dentro del html ejecutar javascript:

morgam, nos ayuda a ver por consola todos los procesos que se ejecutan dentro del código

$npm install express  mongoose ejs Morgan

Para poder hacer cambios en el código sin necesidad de detener la ejecución del mismo vamos a instalar demon, que nos ayudará a realizar cambios cuando se la aplicación se encuentre en ejecutando. -D significa que será instado en otra dependencia para que cuando la aplicación se ejecute en un servidor demon no se instale.

$npm i demon –D

Una vez instalado los diferentes módulos que vamos a utilizar empezamos, con la creación de una carpeta llamada models esta no ayudara a almacenar y modelar nuestros archivos que se ejecutaran en la base de datos

Creamos un archivo .js para modelar los datos del servidor.

Llamamos a la función de mongoose “Schema = mongoose.Schema” y añadimos los datos y el tipo de dato que se va a requerir

Como podemos observar lo tenemos almacenados en un esquema luego lo pasamos a un modelo de mongoose para guardar datos en una colleccion de MongoDB

Una vez creado el modelo nos dirigimos a la carpeta routes a index,js en el blog anterior configuramos la ruta que nos direcciones hacia nuestro index.ejs

Antes de empezar vamos a traer un frameword de csc llamado boostrap4 ingresamos a la página de boostrap y copiamos el código

Y empezamos con la creación de nuestras primera pantalla:

Utilizando las siguientes líneas de código:

Ejecutanmos y visualiza el resultado:

Luego añadimos las últimas líneas de código, donde vamos a poder realizar los procesos necesarios para la ejecución de nuestra app.

Al iniciar nuetra aplicación tenemos una vista:

Una vez terminado la parte de las vistas, nos dirigimos a las rutas que nos ayudaran a realizar los procesos del CRUD utilizando las siguientes líneas de código:

Iniciamos la Aplicación con la linea de comando $npm start y podemos ya realizar los procesesos de ingreso:

finalmente ralizamos la vista de el modificar(edit)

Hemos finalizado nuestro primer proyecto desarrollado en node.js con conexión a base de datos MongoDB. debemos tener mucho cuidado en la indentación del código en cada una de las vistas debido a que nos puede lazar una falla en la ejecución de la aplicación.

  • «Si quieres acceder a la aplicación te dejamos el repositorio: git clone https://josekage1@bitbucket.org/josekage1/crud_mongo.git»

Con SMART crea tus aplicaciones web escalables, a su más alto rendimiento e innovación.

Leave your thought here

X