,

Creación, Lectura, Actualización y Eliminación utilizando MySQL, Express.js y Angular Parte 1

Posted by

CRUD usando MySQL, Express.js y Angular Parte 1

CRUD usando MySQL, Express.js y Angular Parte 1

En esta serie de artículos, vamos a aprender cómo crear un CRUD (Create, Read, Update, Delete) utilizando MySQL como base de datos, Express.js como servidor y Angular como framework de frontend.

¿Qué es CRUD?

CRUD es un acrónimo que significa Create, Read, Update, Delete. Estas son las operaciones básicas que se realizan en una base de datos o sistema de información. Con estas operaciones, podemos crear, leer, actualizar y eliminar datos de una base de datos.

Creando la base de datos en MySQL

Lo primero que vamos a hacer es crear la base de datos en MySQL. Para ello, abrimos nuestro cliente de MySQL (puede ser phpMyAdmin, MySQL Workbench, etc.) y creamos una nueva base de datos con el nombre que queramos. Por ejemplo:

    
      CREATE DATABASE crud_example;
    
  

Luego, creamos una tabla dentro de esa base de datos. Para este ejemplo, vamos a crear una tabla de usuarios con los campos id, nombre y email:

    
      CREATE TABLE users (
        id INT AUTO_INCREMENT PRIMARY KEY,
        nombre VARCHAR(100) NOT NULL,
        email VARCHAR(100) NOT NULL
      );
    
  

Configurando Express.js

Una vez que tenemos nuestra base de datos creada, vamos a configurar nuestro servidor utilizando Express.js. Lo primero que debemos hacer es crear un nuevo proyecto de Node.js e instalar Express.js:

    
      mkdir crud-example
      cd crud-example
      npm init -y
      npm install express
    
  

Luego, creamos un archivo llamado index.js y configuramos nuestro servidor Express:

    
      const express = require('express');
      const app = express();
      const port = 3000;

      app.get('/', (req, res) => {
        res.send('Hola mundo desde Express!');
      });

      app.listen(port, () => {
        console.log(`Servidor Express corriendo en http://localhost:${port}`);
      });
    
  

Con esto, tenemos nuestro servidor Express.js configurado y corriendo en el puerto 3000. En el próximo artículo, continuaremos con la configuración de Angular y la conexión con la base de datos MySQL.

0 0 votes
Article Rating
4 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Khristian Sandoval
7 months ago

ejecuto localhost:3000, me indica que la conexion es exitosa al momento de entrar al navegador, se queda cargando eternamente x ___x a que se debe???ayuda plz

Diego_MM
7 months ago

que extesnion usas para ver el json en dos vistas?

MELISSA HERNÁNDEZ BÁRCENAS
7 months ago

Fantástico, justamente estoy aprendiendo angular por mis estadías profesionales, muchas gracias!

Joel Joas Maldonado Fernandez
7 months ago

Geniaaaaal, justo tambien estoy viendo como aprender angular, vengo de compose 😁😁