Inicio > HTML, Javascript, Listas desplegables, MySql, Nodejs > Listas Desplegables con Node.js, Javascript y MySQL

Listas Desplegables con Node.js, Javascript y MySQL

domingo, 25 de noviembre de 2012 Dejar un comentario Ir a comentarios

Logo de Node.jsQue tal amigos, vamos a seguir con los ejemplos de listas desplegables y esta vez vamos a usar Node.js y MySQL, Node.js es javascript del lado del servidor, sorprende la velocidad y esta nueva forma de acceder al servidor, con este ejemplo práctico, tendremos  a la mano una referencia rápida de cómo llenar listas desplegables.

El primer video :

En la página de Node.js, encontramos información de cómo instalarlo en cualquier sistema operativo que cuentes, Socket.io también tiene documentación sobre su uso al igual que el paquete de MySQL para Node.

Vamos a pasar el código escrito para tenerlo a la mano, empezamos con:

servidor.js

var http = require('http'),
fs = require('fs'),
PORT = 3000;

var server = http.createServer(function(req, res) {
fs.readFile("index,html", function(err, data) {
res.writeHead(200, {
'Content-type' : 'text/html',
'Content-length' : data.length
});
res.write(data);
res.end();
});
}).listen(PORT);

console.log("Servidor iniciado en el puerto " + PORT)

Segundo video:

Tercer y último vide:

El código de servidor.js final es:

servidor

var http = require('http'),
    fs = require('fs'),
    mysql = require('mysql'),
    PORT = 3000;

var cliente = mysql.createConnection({
    'user' : 'usuario',
    'password': 'clave',
    'host': 'localhost',
    'port': 3306
});

cliente.query("USE test");

var server = http.createServer(function(req, res) {
    fs.readFile("index.html", function(err, data) {
        if (err) {throw err;}
        res.writeHead(200, {
            "Content-type" : "text/html",
            "Content-length" : data.length
        });
        res.write(data);
        res.end();
    });
}).listen(PORT);

var io = require('socket.io').listen(server);

io.sockets.on("connection", function(socket) {
    cliente.query("SELECT id, desdep FROM departamentos", function(err, rs, field) {
        if (err) {cliente.end(); return;}
        socket.emit("departamentos", rs);
    });

    socket.on('provincias', function(data) {
        var id = data.id;

        cliente.query("SELECT id, despro FROM provincias WHERE departamento_id = ?", [id], function(err, rs, field) {
            if (err) {cliente.end(); return;}
            socket.emit("provincias", rs);
        });
    });

    socket.on('distritos', function(data) {
        var id = data.id;

        cliente.query("SELECT id, desdist FROM distritos WHERE provincia_id = ?", [id], function(err, rs, field) {
            if (err) {cliente.end(); return;}
            socket.emit("distritos", rs);
        });
    });
});

console.log("Servidor iniciado en el puerto " + PORT);

El código completo de todo el videotutorial lo puedes descargar aquí.

Saludos

Hasta pronto.

  1. Henry A Castro
    martes, 30 de junio de 2020 a las 10:26 | #1

    Estoy intentando un ejercicio similar, pero no logro del lado del cliente hacer que funcione, este es el codigo.

    Listad desplegables con Node.js y postgresql

    Listad desplegables con Node.js y postgresql

    Ciudades
    Paises :

    Departamentos :

    Ciudades :

    var io = io.connect(«/»)
    var pais = document.getElementById(«Pais»);

    io.on(«paises», function(data){
    var totPais = data.length;
    pais.length = totPais
    for (var i = 0; i < totPais; i++){
    pais.options[i] = new Option(data[i].nombre,data[i].id);
    }
    })

    no se que estoy haciendo mal, una ayuda por favor

  2. alfredo
    martes, 19 de mayo de 2020 a las 20:59 | #2

    Buenas noches Antonio

    me parecio interesante el cargue de los dropdown, pero no pude descargar el ejemplo porque el enlace a facebook no deja entar.

    Por favor seria tan amable de enviarmelo alcorreo.
    Muchas Gracias

    desde Villavicencio – Meta – Colombia

  3. Jesly
    lunes, 28 de mayo de 2018 a las 12:20 | #3

    Si pero te falto lo mas importante Guardarlos jejjejwj

  4. Cesar
    lunes, 2 de octubre de 2017 a las 22:49 | #4

    Excelentes tutoriales y muy bien explicados mas aparte la ayuda personal que te da cuando tienes dudas o quieres aprender nuevas cosas. Espero que sigas subiendo mas tutoriales sobre node.js.

    Saludos.

    • miércoles, 4 de octubre de 2017 a las 20:19 | #5

      Gracias Julio a tí por visitar y ver los videos, espero pronto reiniciar la serie de videos de programación desde lo más básico hasta intermedio. Esperaré más ideas de uds.

      Hasta pronto

      Antonio

  5. Omar
    sábado, 12 de marzo de 2016 a las 13:34 | #6

    Excelente tutorial !!!, una pregunta, como puedo manejar archivos excel con node & express y como poder agregar estylos a dicho reporte, ¿se puede utilizar un archivo (xlsx) que este dentro de la estructura del proyecto para sobre escribirlo , esto con el fin de no agregar estilos dentro del codigo y el arcivo sirva como una platilla?

  6. viernes, 3 de julio de 2015 a las 16:23 | #7

    ANTONIO, ESTOY MUY INTERESADO EN NODE, COMO PUEDO TOMAR TU CURSO?

  7. viernes, 19 de septiembre de 2014 a las 15:44 | #8

    @Lalo
    Gracias Lalo por visitar, dame más detalle sobre lo que necesitas, no entiendo como quieres usar un campo de texto para consultas, salvo que le agregues suggest o algo parecido, en la pestaña contáctame puedes encontrar más información sobre mí para poder ayudarte

    Saludos

  8. Lalo
    viernes, 19 de septiembre de 2014 a las 10:23 | #9

    como puedo hacer mis propias consultas en un text de mi pagina y poder mostrarme la tabla de dicha consulta utilizando una base de datos de mysql

  9. miércoles, 28 de mayo de 2014 a las 10:48 | #10

    Hola, exelente video. Me interesa bastante eso de node js y me gustaria aprender mas de esto.

  10. Ivan
    sábado, 25 de mayo de 2013 a las 16:18 | #11

    Excelente tutorial. Soy nuevo es esto. Muchas Gracias.
    Ivan

  1. Sin trackbacks aún.