12-MODELO

 

  5-EXPRESS
           |
          V
           |
          V
7-express.static

           |
          V
           |
          V
           |
          V
10-CONTROLADOR

 


mi-app/

├── controllers/
│   └── userController.js
├── public/           # Archivos estáticos (opcional)
│   ├── css/
│   │   └── style.css
│   ├── js/
│   │   └── app.js
│   └── images/
│       └── logo.png
├── views/            # Carpeta para las plantillas EJS (obligatoria)
│   ├── index.ejs     # Vista principal
│   └── partials/     # Fragmentos reutilizables (opcional)
│       ├── header.ejs
│       └── footer.ejs
├── app.js            # Archivo principal de la aplicación
└── package.json      # Configuración del proyecto

Comentarios

Publicar un comentario

Entradas más populares de este blog

Lista de Tareas

Inicializar el proyecto bash npm init --yes Express - El framework web bash npm install express Morgan - Logger para desarrollo bash npm install morgan Motor de plantillas bash npm install ejs npm install npm start Aplicación de Lista de Tareas con Node.js y Express Voy a enseñarte cómo crear una aplicación web básica de lista de tareas usando Node.js y Express, donde solo guardaremos el nombre de cada tarea. Estructura del proyecto Copy Download /todo-app ├── app.js # Archivo principal de la aplicación ├── package.json # Archivo de configuración del proyecto ├── views/ # Carpeta para las plantillas │ ├── index.ejs # Plantilla principal └── public/ # Carpeta para archivos estáticos (CSS, JS) Paso 1: Configuración inicial Primero, crea un nuevo proyecto Node.js: bash Copy Download mkdir todo-app cd todo-app npm init -y Paso 2: Instalar dependencias Instala Express y EJS (motor de plantillas): bash Copy Download npm install express e...
Leer más

9-Nuestra Primera Plantilla con EJS

Imagen
  Creando Nuestra Primera Plantilla con EJS y Express   5- EXPRESS            |           V 6- MIDDLEWARE            |           V 7- express.static            |           V 8- Motor de plantilla            |           V      9-Plantilla mi-app/ ├── public/ # Archivos estáticos (opcional) │ ├── css/ │ │ └── style.css │ ├── js/ │ │ └── app.js │ └── images/ │ └── logo.png ├── views/ # Carpeta para las plantillas EJS (obligatoria) │ ├── index.ejs # Vista principal │ └── partials/ # Fragmentos reutilizables (opcional) │ ├── header.ejs │ └── footer.ejs ├── app.js # Archivo principal de la aplicación └── package.json # Configuración del proyecto En este post, aprenderemos...
Leer más

6-Middleware?

Imagen
  Middleware en Node.js con Express: Guía Definitiva      5- EXPRESS            |           V 6-MIDDLEWARE ¿Qué es un Middleware? mi-app/ ├ app.js └── package.json El middleware son  funciones intermedias  que procesan las solicitudes ( req ) y respuestas ( res ) en tu aplicación Express. Actúan como "puentes" entre la recepción de una petición y el envío de la respuesta final. 🔧 Tipos de Middleware 1.  Middleware de Aplicación Se ejecutan en  todas las rutas : javascript Copy Download app . use ( ( req , res , next ) => { console . log ( 'Middleware global' ) ; next ( ) ; // ¡No olvides next()! } ) ; 2.  Middleware de Ruta Específicos para ciertas rutas: javascript Copy Download app . get ( '/ruta' , ( req , res , next ) => { console . log ( 'Middleware solo para /ruta' ) ; next ( ) ; } ) ; 3.  Middleware de Terceros Paquetes externos como  body-...
Leer más