Insertar Registros a tabla MySQL desde formulario HTML usando JavaScript y Node js
Vložit
- čas přidán 7. 08. 2024
- Más contenido o curso completo y gratuito en soseduca.net/
Siguiente video: • Tutorial EJS: Plantill...
Video que muestra de forma básica como insertar datos a una tabla de base de datos creada con Mysql, Usando un formulario HTML y lenguaje de programación JavaScript. Creando todo desde cero.
La idea es que lo analicen y comprendan las bases para poder mejorar, agregar cosas, adaptarlo y aplicarlo a cualquier proyecto.
parte esencial en el crud con Javascript MySQL
Para mejor organización y según sus necesidades, acá mostramos los tiempos en que se explica cada uno de los puntos de este mini proyecto.
00:00 - Creación de la base de datos y la tabla MySQL
02:30 - Crear proyecto en Visual Studio Code, instalar módulos necesarios Node.js
04:18 - Index.js, servidor localhost con Express
06:48 - Uso de motor de plantillas (vistas) EJS
07:40 - El formulario html
12:36 - Mostrar página y formulario en el LocalHost con Node.js y express
15:16 - Obtener datos del formulario con JavaScript
24:08 - Conectar página web con Mysql usando JavaScript
25:38 - Insertar datos del formulario HTML a la tabla MySQL
34:02 - Impedir enviar datos duplicados a la tabla MySQL desde el formulario HTmL
#insert #formulario #html #javascript #mysql #nodejs
no te imaginas lo frustrado que estaba de no encontrar algo asi de sencillo y directo de como insertar a un usuario desde node, tuve que ver como 3 tutoriales y en vano porque no daban con el punto que requeria , tu video fue la exepcion Gracias !!! ahora puedo seguir para adelante con el proyecyto gracias a a ti el resto del camino es suelo laminado !!
Nose quien eres, pero muy agradecido con tu video, espero que llegues a grande!, muchas gracias ;)
Muy buen video, felicitaciones, una explicación super entendible.
Excelente explicacion, todo lo entendi y me funciona perfecto, mil gracias por compartir sus conocimientos. Saludos desde Bogota.
Excelente video.. un explicación muy detallada con un ejercicio básico.. me ayudó bastante ❤
Excelente explicación ❤
ERES GRANDE DE VDDD TQM AMIGO
Excelente
Este video buscaba master tendra el codigo en un repositorio buen video
Gracias!, No está en repositorios pensando primero en terminar todo el proceso CRUD en esta serie de videos
Muy bien explicado , pero mejor sigo usando php menos código , gracias
muchas gracias
Gracias por comentar
eseeta otra mas facilito sou esay
amigo buen video, entendi todo pero quisiera saber porque he buscado otros video relacionados con esto y noto q php es de codigo mas sencillo para lograr esto , aqui hay q imprtar los 3 modulos , el html cambiarlo a la extension ejs, crear la carpeta views , crear el codigo de conexion mysql, mas el codigo de todo lo de express , es demasiado codigo comparado con php , seria factible estudiar el php? , segun informacion q he buscado javascript es mas de interfaz y php de conexion
Hola Javier saludos, efectivamente php está orientado para trabajar del lado del servidor y JS en interfaz, el php común y corriente ha perdido ventaja, si deseas aprender php deberías llegar hasta los frames para lo que php usa "larabel" pero cuando ya alguien sabe JS para no tener que pasar a PHP puede aprender a dominar las extensiones que hacen la mismas función al enviar y consultar datos como se viene mostrando en este curso. Gracias por tu comentario.
Php lo rompe todo al Node Js compadre, 80% de Internet ejecuta bajo Php, encima es más simple ...lleva menos lineas de code y es fácil de aprender
como puedo enlazar este form a un index.html??ayuda porfa
Hola, a que HOST me recomiendas subir la aplicación para ponerla en producción
Alwaysdata
Se para visualizar la pagina es necesario usar el apache de xampp o se puede solo con lo que hiciste en el archivo index,js?
Y otra pregunta, si quiero mover los archivos y visualizar el html desde otro pc que podría hacer?
Respuesta 1: no es necesario el apache cómo servidor. Se puede visualizar solo con lo realizado en el index.js. allí se configura el servidor y rutas para visualizar todas las páginas. Tampoco será necesario guardar el proyecto en la carpeta de xampp. Es algo así como u. Proyecto portable que solo requiere que tengas instalado node.js en la máquina
Segunda pregunta: el otro PC de e tener instalado node.js. y listo, puedes visualizar el proyecto y todas las páginas haciendo que se ejecute el index.js con node .. creo que eso responde tu pregunta o no la intérprete bien .
Al iniciar el servidor e ir al puerto solo dice cargando y de ahi no pasa, ayuda please
hola al momento de ingresar los datos y darle guardar me aparece que el archivo /validar no existe no entiendo ese error alguien me puede ayudar ??
no encuentro el código donde esta
si a alguien no se le guarda los datos en la tabla, simplemente en la conexión agreguenle el puerto que sería algo así
"port: 3307"
hola buen video perlo tenmgo un inconveniente no me aparece el formulario en el servidor donde estara el error amigo
Quizás en alguna de las rutas, necesitaría más información para imaginar aproximadamente donde estaría el error
cuando le doy en guardar los datos me sale que estan indefinidos se mandan a la base de datos pero no con los valores que yo guarde, por que es eso?
En la mitad del vídeo menciona que la solución es usar el use undercode. Así como se muestra en el vídeo. Míralo pausadamente
@@soseduca no funciona ya lo hice, esta así como en el video y no funciona sigue igual
por que al momento de enviar los datos, la pagina se sigue cargando y nunca se detiene, pero sí se insertan los datos?
Queda abierta la conexión a la base de datos. Puede finalizarla con .end().
Cuando requiera realizar otra consulta se debe ejecutar nuevamente la conexión a la base de datos en caso de que la finalice con end
czcams.com/video/_Sm2rAjRFko/video.htmlsi=4fkJg-7CFTUy-Gja
hay manera de no usar el ejs? ya que al intentar meter mas funciones no las reconoce y cuando quiero ligar un script src al ejs como si fuese un html normal no lo reconoce
Hola! Me pasa lo mismo.
Pudiste solucionarlo?
@@JoseNoriega-qf2nx ya vi cómo, tienes que meter el script directamente en el ejs como en el html para poder usar las funciones que pusiste
@@salazarmauro1387 podrias explicarme mejor esto no he logrado hacer que reconozca ejs
Tengo dudas😭, alguien me puede ayudar porfa
Cuál es la duda?
a la hora de adregar datos a la base de datos en esta me aparece que los datos son undefined
utiliza chat gpt te va a servir mucho
En el vídeo se muestra porque aparece eso, y como solucionarlo, se deben agregar dos líneas de código que se explican rápidamente en el vídeo
no hay otra manera de levantar el server que no sea por el vscode
Por sublime o cualquier otro programa, es igual.
muy bueno el video, pero que montón de malas practicas
Estamos iniciando desde el nivel más bajo para luego ir avanzando y explicando el porque de cada cosa que se muestra, no darle desde el inicio todo como si fuese una regla a seguir. Muchas gracias , pronto llegaremos al nivel de organización, codificación y optimización que seguro ya tienes. Tu comentario es bueno para que los usuarios sepan que pueden mejorar y avanzar , muchas Gracias 🫂
@@soseduca no me parece ese argumento, lo importante del código primero son las buenas prácticas,
@@jeivid Pero haz uno tu con buenas prácticas, el que tiene buena voz no manda a cantar a otro jeje... felicito al autor @soseduca aun con sus detalles por el aporte, otros saben demasiado y no aportan nada.