Desarrollando interfaz de usuario con jquery, php y mysql

/, jQuery, MySQL, PHP/Desarrollando interfaz de usuario con jquery, php y mysql
PHP y MySQL

PHP y MySQL

En el video tutorial  jQuery AJAX para Realizar Consultas con PHP y MySQL aprendimos a realizar llamadas asíncronas a nuestro servidor web a través de una ventana de diálogo jQuery UI y la función $.ajax() de jQuery, en esta ocasión vamos a desarrollar toda la interfaz de usuario de una aplicación web.

Para este tutorial utilizaremos HTML5, CSS3, jQuery, jQuery UI, Twitter Bootstrap, PHP y MySQL, además de el plugin jQuery Validator, este lo hemos usado el la mayoría de los tutoriales jQuery, no estaría por demás los leyeran para que se familiaricen con su uso.

Definición de interfaz de usuario

Conocida como GUI por sus siglas en inglés (Graphical User Interface), es básicamente un software que se desempeña como Interfaz de Usuario permitiendo la interacción visual de forma sencilla con servidores de bases de datos, web, etc., en nuestro caso es basado en web y será desarrollada con tecnologías como jQuery, PHP y MySQL.

Objetivo de la interfaz de usuario con jQuery, PHP y MySQL

El objetivo principal de este tutorial es facilitar una guía  paso a paso para el diseño y desarrollo de una interfaz de usuario basada en web utilizando jQuery, PHP y MySQL como principales tecnologías, comenzando desde el diseño del mockup, pasando por la maquetación, diseño y creación de la base de datos con MySQL WorkBench y terminando en la programación de un par de módulos.

Por lo general cuando desarrollamos una aplicación web con acceso restringido, la página de inicio de sesión es típicamente un formulario al centro donde se solicita usuario y contraseña, para este video tutorial se me ocurre enfocar el inicio a una aplicación empresarial mostrando un carousel de imágenes y tres columnas con diferentes temas o accesos y un menú superior con la opción login, todo esto de la mano de Twitter Bootstrap para darle un toque responsivo.

MockUp UI Web APP

De forma inicial este tutorial se conformará de los siguientes videos, estos pueden ir variando dependiendo de las necesidades que vaya teniendo nuestro desarrollo:

  • Video 1 Introducción y presentación de mockup
  • Video 2 Estructura de directorios y recursos a utilizar
  • Video 3 Maquetación y preparación de plantillas para integración con twig
  • Video 4 Implementación de Login parte I
  • Video 5 Implementación de Login parte II
  • Video 6 Implementación de recuperación de contraseñas Parte I
  • Video 7 Implementación de recuperación de contraseñas Parte II
  • Video 8 Tres Formas de cargar contenido

Si bien es cierto en la mayoría de los casos los desarrollos web con jQuery, PHP y MySQL se llevan a cabo de forma individual sobre todo en el plano de los desarrolladores freelance, inclusive en las empresas no existe un equipo de diseño y desarrollo web como tal, lo que hace que dependa en un 100% del desarrollador proporcionar al usuario final una Interfaz Gráfica dinámica, sencilla y a la vez robusta.

En lo personal sugiero se rodeen de gente conocedora de diferentes temas como administración de servidores web, diseño web, diseño de bases de datos, etc., esto reducirá significativamente tiempos de desarrollo y en la mayoría de los casos implementación de nuevas tecnologías e ideas para con el cliente, que al final del día se traducirán en ganancias, aprendizaje y porque no calificar para proyectos grandes con mayor presupuesto.

By | 2018-03-25T22:33:40+00:00 noviembre 10th, 2012|Categories: Desarrollo Web, jQuery, MySQL, PHP|Tags: , , |81 Comments
Desarrollador web front y back end, php, mysql, css3, html5, twitter bootstrap, jquery . . . twitero, bloguero, consultor de IT y padre de dos hermosos bodoques. Visita mi Perfil en Google +

81 Comments

  1. Ramón Ocampo 24 noviembre, 2012 at 6:52 PM

    Deberías hacer el próximo video más largo, gracias

  2. Antonio de Jesus 24 diciembre, 2012 at 5:55 PM

    Buenas tardes Luis Fernando, vi los tres videos y estan muy interesantes solo que no encuentro los archivos en tu repositorio los que utilizas en tus videos.

    • Luis Fernando Cázares Bulbarela 25 diciembre, 2012 at 11:37 AM

      Hola Antonio buenos días, muchas gracias por tus comentarios, te comento que ya publiqué en el repositorio el código

      Saludos

      • Antonio de Jesus 28 diciembre, 2012 at 3:20 PM

        Muchas gracias Luis Fernando, estan de lujo…

        Espero anciosamente el proximo video.

        Salu2.

        • Luis Fernando Cázares Bulbarela 28 diciembre, 2012 at 9:34 PM

          Hola buenas noches, muchas gracias por los comentarios, mañana 29 de diciembre sale el nuevo video

          Saludos

  3. Juan Flores 26 diciembre, 2012 at 8:08 PM

    Muy buenas Luis Cazares te felicito son muy buenos videitos la vedad es que me a guastado y te sigo en youtube y siempre ando viendo las nuevas tecnologías que presentas exactamente este videitos eran los que esperaba muchas gracias por tu apoyo

    • Luis Fernando Cázares Bulbarela 26 diciembre, 2012 at 9:43 PM

      Hola Juan buenas noches, me da mucho gusto saber que mi trabajo es útil para la comunidad, muchas gracias por los buenos comentarios

      Saludos y feliz cierre de año

  4. Javier 26 enero, 2013 at 4:05 AM

    Hola Luis, estoy probando el código que muestras en el último vídeo de Login II, y cuando introduzco el usuario y contraseña para comprobar como funciona me muestra el texto “ERROR DEL SISTEMA, INTENTE MAS TARDE”.
    He probado partiendo de los archivos que colgaste del vídeo anterior y realizando las modificaciones que indicas, y también instalando directamente la última actualización del repositorio, pero tampoco funciona y no se a qué puede ser debido. Me he planteado que tal vez sea por algún problema con mi base de datos, pero no lo creo, ya que si no, imagino que me mostraría un error con la conexión… Tienes idea a qué se puede deber?
    Seguiré trasteando 😉
    Muchas gracias y un saludo!

    • Javier 26 enero, 2013 at 4:57 AM

      Me acabo de dar cuenta de que, aunque me de ese error, una vez introducido el email y el pass, si voy (sin refrescar el navegador) al index, se me carga directamente la página index en lugar del login y me funciona correctamente: permite el logout, aparece mi nombre en el lugar del usuario…

      Pero continuo sin saber por qué me muestra ese error y por qué no me redirecciona automáticamente al index cuando me logeo correctamente. :S

      • Luis Fernando Cázares Bulbarela 26 enero, 2013 at 10:09 AM

        Como te comente en el anterior comentario comenta la línea json y agrega un alert en el success

        Saludos

    • Luis Fernando Cázares Bulbarela 26 enero, 2013 at 10:08 AM

      Hola Javier en el javascript comenta la linea

      // dataType: "json"

      y agrega un

      alert(response)

      dentro del success y ejecuta de nuevo

      Saludos

      • Javier 27 enero, 2013 at 9:59 AM

        Hola Luis, gracias por la respuesta, he comentado el “dataType” y ya no me aparece el mensaje de Error del sistema, aunque ahora me dice que el ‘Usuario o la contraseña es incorrecto’, cuando en realidad (igual que antes) sí que me loguea.

        El ‘alert(response)’, no se si es que lo pongo donde no toca o que lo pongo mal, pero no me hace nada. Así que sigo con el problema. Has explicado todo esto en algún video y yo no me acuerdo?? A ver si estoy preguntando tonterias… Lo siento, si es el caso.

        De todas formas, si lo has puesto así para que funcione algo en el siguiente videotutorial, me puedo esperar. Es solo que como en los vídeos se ve tan bien… hacía ilusión que funcionara yaa 😉 jajaja.

        Un saludo, y gracias de nuevo!

        • Luis Fernando Cázares Bulbarela 27 enero, 2013 at 9:39 PM

          Hola Javier que raro, ya probaste corriendo el código que esa en mi github?, otra cosa que hay que verificar es que versión de php estas usando… y ya por último si gustas el miércoles podemos hacer un hangout y me muestras en vivo como esta el código va?

          Saludos

          • Javier 28 enero, 2013 at 4:24 PM

            Luis, si que lo probé con el código que subiste al github, y la versión de PHP que estoy utilizando es la 5.3.5 (tengo instaldo un xampp 1.7.4), así que no se qué pasa…

            Este miercoles la verdad es que lo voy a tener imposible, voy un poco liado con el trabajo… pero otro día si te viene bien (y nos podemos acoplar en cuanto a horas… porque yo estoy en España) 😉

            Saludos!!

          • Luis Fernando Cázares Bulbarela 28 enero, 2013 at 5:42 PM

            Tu me avisas que día puedes y pues entonces sería tal vez a las 2 de la tarde de méxico

            Saludos

          • Luis Fernando Cázares Bulbarela 29 enero, 2013 at 5:29 PM

            Hola Javier, que crees ya encontré donde puede estar el problema checate en el archivo templateEngine.inc.php y cambia la línea ini_set(“display_errors”, 0); a ini_set(“display_errors”, 1);

            Y después haces lo de comentar la línea dataType: “json”, y agregas alert(response);

            Saludos

          • Javier 30 enero, 2013 at 11:30 AM

            Hola Luis, he cambiado también esto, pero me sigue dando problemas… No se donde colocar el ‘alert(response)’, seguro que está ahí el problema. Va dentro de:
            success: function(response){
            // Verificar errores
            if(response.respuesta == true){
            window.location.href=’index.php’;
            }else{
            $(‘#loginError’).removeClass(‘hide’);
            }

            $(‘#ajaxLoader’).addClass(‘hide’);

            },
            …verdad?? Pero donde?, He probado de todas las formas que se me ocurre y no he conseguido nada 🙁

          • Luis Fernando Cázares Bulbarela 30 enero, 2013 at 11:02 PM

            Hola Javier buenas noches el alert colocalo antes de //verifica errores y de paso en el php.ini modifica display_errors a On

            Con eso debe funcionar

            Saludos

  5. Javier 31 enero, 2013 at 12:35 PM

    Buff Luis… lo he probado y sigue igual la cosa… (el php.ini te refieres a templateEngine.inc.php, no?) Es desesperante!!

    De todas formas, no te quiero hacer perder más tiempo. Me esperaré a cuando saques el siguiente video, y probaré con lo que cuelgues en el github, a ver si entonces me funciona. Si dentro de poco voy un poco mejor de trabajo, te lo comunicaré y a ver si podemos hacer un hangout de esos (nunca he hecho ninguno), ok?

    Saludos, y muchas gracias!!

  6. Mauricio 27 febrero, 2013 at 1:59 PM

    Hola Luis Fernando Cázares Bulbarela he seguido tus tutoriales pero quería preguntarte que paso con la otra parte del tutorial Desarrollando interfaz de usuario con jquery, php y mysql además me gustaría que me explicara cómo puedo hacer para que los vínculos siempre hereden la plantilla por default.
    Agradezco la atención prestada.

    • Luis Fernando Cázares Bulbarela 27 febrero, 2013 at 5:16 PM

      Hola Mauricio, espero esta semana poder sacar el nuevo capítulo de la serie, inclusive en videos opsteriores voy a implementar lo que me preguntas, la verdad es que no esta tan complejo.

      Saludos

      • Mauricio 27 febrero, 2013 at 6:49 PM

        Hola Luis Fernando Cázares Bulbarela gracias por tu respuesta y estaré pendiente ya que estoy muy interesado en terminar esta aplicación pero en este momento me surge otra pregunta ya que estado estos días matándome la cabeza y no he podido implementar el jQuery AJAX para Realizar Consultas con PHP y MySQL y que me herede la plantilla por default ya que tenemos que trabajar el php aparte del código html.

        Puesto que en esta parte estamos usando html y php al tiempo…?
        Gracias y saludos desde Bogotá.

        • Luis Fernando Cázares Bulbarela 28 febrero, 2013 at 10:43 PM

          Hola checate la documentación de twig, de entrada se hace de esta forma -> {% extends "/templates/plantilla.php" %}

          Saludos

  7. Carlos 8 marzo, 2013 at 9:08 AM

    Buenas Luis, lo primero felicitarte por tus videotutoriales porque me parecen fantasticos, y la manera que tienes de explicar las cosas es muy entendible. Me gustaria saber cuando estara el proximo videotutorial porque estoy ansioso ya por verlo! Un saludo

    • Luis Fernando Cázares Bulbarela 9 marzo, 2013 at 1:38 PM

      Hola buenas tardes Carlos, te comento que si no me quedo dormido por tanto jale, hoy estaré grabando y publicando la siguiente entrega.

      Saludos

  8. bjork 8 marzo, 2013 at 5:32 PM

    Buenas noches Luis Fernando espero que me puedas ayudar estoy implementando un sistema de login a un sitio que estoy construyendo siguiendo tu ejemplo pero me encontré que cuando da click en el botón enviar para revisar si está validando el formulario y cierra uno el formulario y lo vuelve abrir las alertas de error no desaparecen también pasa con los campos input que uno los rellena y no quiere ingresar en el momento por x razón no borra los datos ingresados he intentado con varios métodos pero no me funcionan será que tú me puedes explicar cómo hacer para que funcione bien así como loginerror y loader.
    Gracias y buenas noches.

    • Luis Fernando Cázares Bulbarela 9 marzo, 2013 at 1:37 PM

      Hola buenas tardes bjork, te voy a ser sincero yo también ando buscando esa parte pues no he podido lograr hacer loq ue me comentas

      Sigo investigando

      Saludos

  9. Fredo J. 9 marzo, 2013 at 9:28 PM

    hola luis buenas noches siguiendote otra vez ticher 😉 gracias por compartir tus conocimientos quisiera saber cuantos videos son de esta serie, cuantos van y cuantos aproximadamente, seran gracias y espero tu ayuda para cualquier duda…

    • Luis Fernando Cázares Bulbarela 9 marzo, 2013 at 10:13 PM

      Hola buenas noches Fredo, antes que nada muchas gracias por tus comentarios, en cuanto a los videos van 6 y la verdad es que máximo voy a llegar a 10 a menos que la comunidad solicite agregar funcionalidades.

      Saludos

  10. Fredo J. 10 marzo, 2013 at 12:38 AM

    Luis buenas noches acabo de descargar tu codigo del repositorio .. ya creo la tabla del user y acabo de crear un usuario nuevo y no entro como administrador se queda alli nada mas solo esa funcionlidad tiene la verdad no e visto todo los videos o puedo entrar como admin despues de logearme o tiene algun error de mi version de php o algo por el estilo gracias espero puedas ayudarme..

  11. Fredo J. 10 marzo, 2013 at 12:48 AM

    luis me refiero que al ir a index.php y loguearrme no hace nada se queda y los mensajes de error al abir otra vez el login no desaparecen espero me entiendas disculpa la mala explicacion buenas noches ..

    • Luis Fernando Cázares Bulbarela 11 marzo, 2013 at 5:51 PM

      Hola Fredo sigo sin entender, me puedes enviar tus comentarios con pantallazo para ver de que se trata

      Saludos

  12. Fredo J. 10 marzo, 2013 at 12:53 AM

    introdusco la contraseña de tu correo me ose me logeo con tu contraseña luis.cazares que trae la tabla por default que estara mal?

  13. Fredo J. 10 marzo, 2013 at 12:56 AM

    osea me logeo como el usuario que trae por default la tabla luis.f.cazares@gmail.com y el passsword y no logro entrar buenas noches..

    • Luis Fernando Cázares Bulbarela 11 marzo, 2013 at 5:52 PM

      Hola Fredo, ummmm verifica el código y los accesos a tu base de datos, dime que versión de php estas usando

      Saludos

  14. Fred 18 marzo, 2013 at 11:38 AM

    Hola luis fernando disculpa por responder tarde solo que andaba en unas cosas de la escuela… buen dia sabes he checado los videos y todavia no logro entrar a logearme introdusco el usuario y contraseña que trae el archivo de descarga y no puedo entrar como usuario solo se queda registradoy no logro entrar mi version de php es la 5.3.5 uso el sevidor xampp me estoy qebrando la cabeza ya que queria implementar tu ejemplo en un trabajo…gracias de antemano

    • Luis Fernando Cázares Bulbarela 18 marzo, 2013 at 9:33 PM

      Hola buenas noches Fred, ya verificaste que usuario estas usando en la base de datos, recuerda que yo cree uno, lo mas seguro es que sea eso.

      Saludos

  15. Fredo J. 18 marzo, 2013 at 6:29 PM

    hola luis sabes acabo de crear un usuario nuevo en la tabla user y encripte mi pasword con md5 y no logro entrar como usuario logeado pero me e dado cuenta cuando ala url le quito el login.php y solo me quede con
    ejemplo: localhost/nombre_proyecto/ me muestra la ventana de admin con mi nombre de usuario a un costado como tu video de login II pero si pongo la url completa me logeo no logro entrar creo es el problema que tiene el amigo javier en el comentario # 10 tengo xampp y php 5.3.5

    • Luis Fernando Cázares Bulbarela 18 marzo, 2013 at 9:36 PM

      Hola Fredo, no veo por donde este el error, para poder ayudarte tendría que ver el código, algo importante que debes verificar es el usuario de la base de datos y la parte de sesiones.

      Saludos

  16. Mauricio 29 marzo, 2013 at 6:08 PM

    Hola buenas noches Luis Fernando Cázares te cuento que seguí tu nuevo video tutorial el interfaz de usuario con jquery, php y mysql – Recuperar contraseña II pero tengo un pequeño problema que no he podido resolver y el cual es que cuando se ejecuta el formulario de recuperación de password y se ingresan los datos y al dar enviar me sale ERROR GENERAL DEL SISTEMA, INTENTE MAS TARDE pero resulta que cambia el password en la tabla de la base de datos y fuera de eso envía el correo a su destinatario. La cuestión es que no se a que se de este error ya que los script no me están votando ningún error, además ice la prueba con el repositorio del código que descargue de tu sitio pero también me vota el mismo error, tengo instalado el servidor local WampServer y el servidor de correo Ability Mail Server. No sé si sería posible que me hicieras el favor revisaras el código para ver dónde está el error, puedes ver el ejemplo totalmente operativo en el siguiente link
    http://maurosnet.no-ip.biz/mauros
    http://maurosnet.no-ip.biz/ajax-master
    Como también te envié una copia de los archivos a tu correo, en la tabla de la base de datos hay un usuario con los datos que venían en el repositorio del código antes de la actualización.

    Agradezco la ayuda que me puedas prestar.

    • Luis Fernando Cázares Bulbarela 30 marzo, 2013 at 6:55 PM

      Hola Mauricio, intenté ingresar a tu link pero esta muy lento y no pude hacer las pruebas, por otro lado ese error siempre sale cuando el script php te esta regresando una cadena que no esta codificada en json, lo que puedes hacer es desactivar los mensajes de error de php en el server y verificar de nuevo.

      La otra opción es que cheques que te responde tu script por medio de la consola de firebug.

      Saludos

      • Mauricio 31 marzo, 2013 at 12:20 PM

        Hola Luis Fernando que pena con vos pero lo que pasa es que ha estado molestando los servidores de internet a que en Bogotá debido al ataque mundial que se presentó hace varios días sobre la plataforma de internet y además para que funcione tenia apagado mi pc ya que el ejemplo funciona directamente sobre mi servidor local que esta re direccionado a no-ip.biz pero parece que ya se está arreglando lo de los servidores.

        Espero que me disculpes por los inconvenientes.

  17. Mauricio 31 marzo, 2013 at 1:31 PM

    Hola Luis Fernando gracias por responder pero no entiendo muy bien tu respuesta y haciendo lo que me dices desactivando todos los errores en php como el display errors, display statup errors y track errors. Sigue saliendo el error además como te dije anterior mente en los archivos que tu colocaste en el repositorio también me sale el mismo error me gustaría saber que parte del script php es el que manda la cadena que no está codificada en Json.
    por otra parte en la consola de firebug el único error que me manda es

    Failed to load resource = chrome-extension://ifdhgolccnkcbgpclpngdpjfahlnalig/icon32.png

    De resto no muestra ningún error.

    discúlpame por insistir tanto.
    gracias.

    • Luis Fernando Cázares Bulbarela 1 abril, 2013 at 10:38 AM

      Hola, entonces loq ue debes hacer es desactivar esa extensión de chrome que te esta dando problemas, dime algo, ya probaste en un navegador diferente?

      Saludos

      • Mauricio 1 abril, 2013 at 5:31 PM

        Hola te cuento que he probado en varios navegadores como son Internet Explorer, Chrome, Firefox, Opera, Maxthon 3

        En el único que me arroja error es el Internet Explorer el cual dice:
        SCRIPT5007: No se puede obtener la propiedad ‘call’ de referencia nula o sin definir
        jquery.validate.min.js, Línea 4 Carácter 20895
        Este error lo arroja en el sitio mauros ya que en este sitio el Slider no es el de bootstrap ya estoy mirando cual es el conflicto que se presenta.
        En el sitio Ajax-master ninguno de los navegadores arroja error.

        Aunque salga o no salga ese error en la consola de firebug a juntos sitios les sale el mensaje ERROR GENERAL DEL SISTEMA, INTENTE MAS TARDE pero hace el cambio de password en la tabla de la base y envía el correo.

        saludos desde Bogotá.

        • Luis Fernando Cázares Bulbarela 2 abril, 2013 at 10:54 PM

          Hola Mauricio, definitivamente tu script esta arrojando un dato inesperado, esto independientemente de que se ejecute lo que me comentas, a lo que voy es que no esta regresando una cadena JSON, y pues para poder saber que es necesito ver el sitio y ejecutarlo de lo contrario no podré ayudarte.

          Saludos

  18. Mauricio 4 abril, 2013 at 3:00 PM

    Hola Luis Fernando te cuento que estado dándole a encontrar el error pero nada que lo encuentro tome prestado el dominio de un cliente al que tengo que actualizarle el sitio ya que el hosting donde tengo mi página de la empresa no maneja php ni mysql y cree un subdominio y subí nuevamente los sitios a ese subdominio el cual es:
    http://www.mauros.viganego.com que es el sitio que yo cree basándome en tus videos tutoriales y
    http://www.mauros.viganego.com/ajax-master que es el sitio que tú colocaste en tu repositorio, pero aquí en este servidor tengo el problema que te comentaba que me sale el mensaje ERROR GENERAL DEL EL SISTEMA, INTENTE MAS TARDE y fuera de eso me cambia el password en la tabla de la base pero no me envía el correo no he podido cuadrar el SMTP server ya que cree una cuenta de correo para el subdominio y guiándome con la información que me suministran no me ha quiere cuadrar él envió.

    Además estos dos sitios están también disponibles en las direcciones anteriores que te avía dicho que son:
    http://maurosnet.no-ip.biz/mauros
    http://maurosnet.no-ip.biz/ajax-master
    Estos sitios están directamente en el servidor local de mi pc que esta re direccionado a no-ip.biz el cual ya está funcionando bien, de todas formas te envió copia de los sitios a tu correo para que los puedas revisarlo si me haces el favor.

    Gracias por tu colaboración.
    Saludos.

    • Luis Fernando Cázares Bulbarela 4 abril, 2013 at 6:09 PM

      Hola Mauricio, usando el firebug te da el error tienes que meterte a consola y te esta regresando esto:


      Invalid address: SMTP Error: Could not authenticate.
      {"respuesta":false,"mensaje":"Se creo correctamente la contraseña pero no se realizó el envío de la misma por correo electrónico","contenido":""}

      Si te das cuenta la segunda línea es un JSON pero en conjunto con la primera deja de serlo y por eso aparece el error, para que te elimine el aviso de invalid adress quita display_errors en php.

      Lo mas seguro es que la configuración de la cuenta de correo este incorrecta o en su defecto el servidor no permite ese tipo de conexiones.

      Saludos

  19. erufenix 5 junio, 2013 at 12:31 PM

    Te voy a robar tu vídeo de mokups para mis chavos

  20. […] importante mencionar que a partir del tutorial Desarrollando interfaz de usuario con jquery, php y mysql estoy usando twig una potente clase php para desarrollo web por medio de plantillas y así será en […]

  21. Markitos 26 junio, 2013 at 11:17 AM

    DIsculpa tu web esta excelente muy buen diseño, en que esta diseñada me gustaria si pudieras compartir tu codigo

    • Luis Fernando Cázares Bulbarela 26 junio, 2013 at 12:00 PM

      Hola Markitos, muchas gracias por tus comentarios, que bueno que te agrada mi sitio, te comento que esta sobre un CMS llamado WordPress y uso un tema profesional.

      Saludos

  22. Tony 18 julio, 2013 at 12:45 PM

    Hola amigo Luis fernando mi pregunta es que mockup usas, por favor si no fuera mucha molestía la respuesta al correo, gracias.

  23. […] Leer entrada […]

  24. Javier 23 agosto, 2013 at 3:38 AM

    Hola Luis, estoy intentando implementar la funcionalidad de añadir un usuario (como tú hiciste en vídeos anteriores) y me estoy volviendo loco ;P

    Esto es lo que tengo:
    case ‘register’:
    // verificamos que las variables Nombre, Apelido y Email no esten vacías
    if((!empty($_POST[‘nombre’])) && (!empty($_POST[‘apellido’])) && (!empty($_POST[‘email’]))){

    // Comprobamos que el email no existe todavía
    if(comprobarCorreo($_POST[‘email’],$mysqli)){

    // Crear clave de acceso
    $_POST[‘usr_pass’] = creaPassword();

    // Creamos un nuevo usuario a partir de los datos introducidos
    // $nombre = $_POST[‘nombre’];
    // $nombre = “Nombre”;
    $nuevo = sprintf(“INSERT INTO ‘usuario’
    SET usr_nombre=’%s'”,
    $_POST[‘nombre’]);

    // Ejecutamos la cosnulta
    $resultado = $mysqli -> query($nuevo);
    if($resultado == true){
    $appResponse[‘mensaje’] = “Usuario creado con éxito.”;
    }else{
    $appResponse[‘mensaje’] = “Ha habido algún problema al crear en usuario”;
    }

    // Enviamos un email para activar la cuenta con el password creado

    }else{
    $appResponse[‘mensaje’] = “Este email ya dispone de una cuenta.”;
    }

    }else{
    $appResponse[‘mensaje’] = “Todos los campos son obligatorios”;
    }

    break;

    Intento insertar el campo ‘usr_nombre’ a modo de prueba y no soy capaz… Y mira que lo he intentado de formas diferentes, pero na!! Sí que comprueba que no esten vacías las variables, que el email no existe, me crea una clave de acceso nueva, pero no me inserta nada en la tabla ‘usuarios’!!! Argggggg
    ¿Sabes qué estoy haciendo mal?
    Muchas gracias Luis!!! Y sigo esperando con ganas tu nuevo video!! 😉
    Saludos!!!

    • Luis Fernando Cázares Bulbarela 23 agosto, 2013 at 10:51 AM

      Hola Javier, te sugiero imprimas la consulta, la copies y ejecutes en tu phpmyadmin y te daras cuenta que falta o que sobra, por otro lado entiendo que es una parte de todo tu script, ¿estas haciendo conexión a la base de datos?

      Saludos

  25. Selects dependientes con jQuery AJAX y PHP 5 septiembre, 2013 at 9:44 AM

    […] este ejemplo utilizaremos jQuery y como lo hemos hecho a partir de el post Desarrollando interfaz de usuario con jQuery, php y mysql manejaremos el potente gestor de plantillas Twig que nos permite mantener separado el código PHP y […]

  26. Marts 17 septiembre, 2013 at 11:17 PM

    Hola, Excelente material estoy intentando traer de acuerdo al perfil el menú para cada usuario desde la base de datos pero no doy; intente importar el código del menú desde otra pagina y no he podido… alguna orientación, Saludos.

    • Luis Fernando Cázares Bulbarela 17 septiembre, 2013 at 11:37 PM

      Hola buenas noches Marts, gracias por tus amables comentarios, esta parte es un tanto sencilla, en lo personal defino en la tabla de usuarios un campo en donde guardo el tipo de acceso o en su defecto el menú que voy a mostrar. de tal manera que al loguear guardo el valor en una variable de sesión y la paso al template, en este hago una comparación de esa variable y presento el menú que le toca.

      Saludos

  27. Christian 4 octubre, 2013 at 12:43 PM

    esta roto el enlace del video!

  28. […] a crear una barra para ir recorriendo colecciones de datos de forma ordenada y eficaz, en la serie Desarrollando interfaz de usuario con jquery, php y mysql vimos como mostrar un listado de usuarios y a partir de ese momento comencé a recibir peticiones […]

  29. Fanny 26 marzo, 2014 at 1:28 PM

    hola saludos amigo disculpa este podrias dar los codigos para descargarlos no importa si son de esos sitios que hay que ver la publicidad y luego saltar publicidad y descargar el codigo e amigo porfa facilitame el codigo mas que todo las imagenes que estan el interfas de usuario me gusta la del login tipo persona espero tu resuesta o si puedes enviame a mi correo en una carpeta zip o comprimidad saludos y sigue asi y me gustaria que icieras un tutorial de como publicar y la opcion de me gusta y la de comentar y otro tutorial sobre este mismo ya esta la recuerar contrasea verdad pero no se si podrias hacer uno mas para verificar el usuario de su correo asi como otras aginas que tiene que acceder a tu correo para activar la cuenta creada ah y tambien falta el codigo cachap ese codigo de que debes de escribir para que los robos no creen miles de cuentas de usuarios falsas me entiendes amigo y si puedes porque no un chat estilo correo y lo implementas en el interfaz de usuario donde el usuario puede enviar mensaje a otros y poder ver los mensajes en su buzon con el numero de notificando cuanto mensajes tienes.. saludos y que sigas adelante perdon por el testamento y epero tu respuesta y perdon por si una mala palabra mal escrita es que me esta fallando el teclado

  30. Fanny 26 marzo, 2014 at 1:30 PM

    me gusta este tipo de publicacion con su comentario esta esera de ser aprobado tienes un tutorial sobre este o no amigo

    • Luis Fernando Cázares Bulbarela 26 marzo, 2014 at 2:19 PM

      Hola buenas tardes Fanny, no entiendo muy bien el comentario, me puedes explicar por favor.

      Saludos

  31. Fanny 9 junio, 2014 at 7:07 PM

    hola saludos cordiales me gustaria que crearas solo un video tutorial de login de registro estilo desplejable como el de interfas de usuario pero solo quisiera esa parte de ese tutorial basado solo en ello con el registro y base de datos

    • Luis Fernando Cázares Bulbarela 10 junio, 2014 at 9:56 AM

      Hola buenos días Fanny definitivamente en esta serie encontrarás lo que necesitas, te sugiero sigas el tuto hasta terminar lo que te es necesario, lo demás puedes no hacerlo.

      Saludos

  32. Rub{en 4 julio, 2014 at 10:55 PM

    Dios lo bendiga. Muchísimas gracias por compartir todos los códigos, me gusta mucho esto de la programación y aunque soy novato, sus trabajos me impulsan a vencer los retos!! Mil gracias y le mando saludos desde villahermosa, tabasco mexicos

    • Luis Fernando Cázares Bulbarela 5 julio, 2014 at 1:30 AM

      Hola buenas noches Ruben, muchas gracias por los buenos deseos, sigue venciendo retos así es como se aprende.

      Saludos

  33. foons 17 julio, 2014 at 9:27 AM

    Ola amigo esta todo super bueno pero el login lo ingresa, ni envia los datos al correo lo demas super igual se agradece la iniciativa saludos.

    • Luis Fernando Cázares Bulbarela 17 julio, 2014 at 11:12 PM

      Hola buenas noches Foons, gracias por los comentarios y por seguir mi trabajo, con respecto a tu comentario pues que te puedo decir, depende mucho de la configuración de la base de datos y de tu servidor de correo, te sugiero revises el código con calma y encontrarás donde esta el fallo.

      Saludos

  34. Johann Ortiz 14 septiembre, 2014 at 4:44 PM

    Luis, solo felicitarte por tus cursos son expectaculares me han servido bastante, y me gustaria saber donde encuentro la estructura de las carpetas de este en particular, tengo un error y es que no me muestra el nav-bar como corresponde en el index una vez que ingreso, puede ser por las versiones o la forma en que tengo la estructura.

    gracias

  35. wilmer 15 marzo, 2015 at 9:48 AM

    saludos luis como ingreso a tu repositorio para el codigo

Comments are closed.

Desarrollo Web

Silex - Sistema de Registro