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.
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
que extesnion usas para ver el json en dos vistas?
Fantástico, justamente estoy aprendiendo angular por mis estadías profesionales, muchas gracias!
Geniaaaaal, justo tambien estoy viendo como aprender angular, vengo de compose 😁😁