1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Aporte Sistema de Login y Registro con Inicio Rapido [PHP/MYSQLI/AJAX]

Tema en 'PHP y MySQL' comenzado por AngelKrak, 11 de Enero de 2017.

  1. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    upload_2017-1-11_17-14-35.png
    Angel ha Regresado jajaja xD y ahora con un Nuevo Login con Inicio Rápido Tipo Facebook que usa PHP, MYSQLI y AJAX con el Framework Semantic UI, espero y les guste.
    esto se me ocurrió hacerlo después de que vi como funcionaba mas o menos el Login Nuevo de Facebook aun que no es igual, es el mismo sistema para iniciar Sesion

    QUE CONTIENE
    • AJAX
    • PHP/MYSQLI
    • Instalación Fácil, Rápida y Sencilla
    • Semantic UI
    • Form Validation (Semantic UI)
    • Inicio Rápido (Tipo Facebook)
    • Login y Registro
    • Pagina Principal (Muestra sus datos del usuario iniciado)
    • Diseño Responsivo

    COMO USAR
    hago esta pequeña modificación implementando los nuevos diseños que mi amigo @Dawud y @KaoruMishimaru_20 crearon para este Sistema (Solo faltaría Adaptarlos)

    Log in & register form (Vanilla Javascript)
    [​IMG]

    Este Fue Creado por KaoruMishimaru_20
    http://www.heroesdelaweb.com/threads/log-in-register-form-vanilla-javascript.6161/

    System Login and Register
    [​IMG]
    [​IMG]

    Este Fue Creado por Dawud

    http://www.heroesdelaweb.com/threads/system-login-and-register.6163/
     
    Última modificación: 21 de Enero de 2017
  2. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    408
    Me gusta recibidos:
    319
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Hahaha interesante @AngelKrak :cool:.... sin necesidad ahorita de probarlo pero solo ver las captura esta genial y manejable...

    ;);) WOao00 lo probare luego ... Saludos....
     
  3. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    jejeje gracias, esperare tu opinion cuando lo pruebes haber que tal te parece:oops:
     
  4. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    ya la subi al host para que la prueben como Demo y ya si les gusta pueden bajarsela jejeje xD
     
    A Dawud le gusta esto.
  5. oscar fernando

    oscar fernando Miembro Activo

    Se incorporó:
    20 de Noviembre de 2015
    Mensajes:
    105
    Me gusta recibidos:
    54
    Puntos de trofeos:
    28
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    colombia
    Esta muy bueno este sistema AngelKrak eres una persona a la cual te tengo mucho respeto por tu profesionalismo y pues eres un modelo a seguir
    oye he visto que utilizas mucho el Framework Semantic UI que tal este framework me lo recomiendas y es dificil la curva de aprendizaje
    y una ultima pregunta quien de aqui utiliza Opera como navegador.
     
    A AngelKrak y Dawud les gusta esto.
  6. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    :O muchas gracias
    para mi es el mejor hasta el momento y es muy facil de aprender o por lo menos a mi se me iso facil ya que tiene codigos muy faciles de aprender, aqui te dejo su pagina para que la veas y veas sus componentes que tiene ;)

    http://semantic-ui.com/
     
    A Dawud le gusta esto.
  7. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    Es como cuentas multiples :D Esta bueno, más adelante miraré el código y veré que puedo hacer con el (Solo el backend) XD Muy bueno +1 prro :v
     
    A AngelKrak le gusta esto.
  8. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    408
    Me gusta recibidos:
    319
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Solo una observación:rolleyes: debes de checar el tiempo de animación que aplicas al momento de mostrar el contenido de login... El inicio esta genial men:cool:, y el problema es que se mueve el contenido de los input hacia arriba el cual imagino que aplicas positions por que se traslada al top de la caja...
    y luego cuando presiono registrate posteriormente presiono el botón Inicio Rápido este pierde su contenido de texto y se muestra vació a un lado...

    Te dejo el gif de tu trabajo... ;):D Es solo una observación... El contenido principal esta genial tiene buena vista...

    [​IMG]
     
    A AngelKrak le gusta esto.
  9. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    jjejeje gracias, esperare tus modificaciones jejeje xD

    ohhh si, no habia visto ese error pero eso lo podria solucionar uno si lo baja en todo caso no creo que sea muy complicado, para la animacion uso slideDown y slideUp de jquery con el tiempo "slow" jajaja quizas es por eso jajaja XD
     
    A Dawud le gusta esto.
  10. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    408
    Me gusta recibidos:
    319
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Para mí en mi opinión no creo que sea difícil modificar el tipo de error que te visualice hehehee :cool::cool: pero para el compañero del otro aporte que publicaste el cual solo tenía que crear la BD no se:(... Espero que lo haya corregido :D el otro compañero ...

    si me imagino... A lo mejor te falto definir talvéz un time delay :)
     
  11. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    jjejeje eso si, se le complico demasiado al otro compañero jajjaja xD
     
  12. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    847
    Me gusta recibidos:
    465
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
    :eek: Wow con 30k estrellas en GitHub y no lo conocía (o no lo recuerdo), ahora que lo veo esta genial el framework, no soy de utilizar frameworks pero creo que con este haré una excepción.

    Por cierto, muy buen trabajo, más tarde me descargo los archivos, seguro que le daré buen uso. :)
    Sigue así Ángel, has mejorado bastante en los últimos meses, prácticamente ya no tengo más en que ayudarte. :D
     
    A AngelKrak y Dawud les gusta esto.
  13. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    408
    Me gusta recibidos:
    319
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Oie una cosa...o_O?? Sobre ese tipo de inicio de sesión tipo facebook es para dispositivo != de PC vdd ya que nunca cierro el face y cuando publicaste me dio curiosidad pense que era para pc igualmente, cerre mi sesión e inicie y nada men, inicie con mi correo y no me dió esa forma :eek:... ¿Cuanto tiempo tienes en este mundo de la web? :D:D Digo !!
     
    A AngelKrak le gusta esto.
  14. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    sirve para todos los dispositivos pc o movil, para hacer el inicio rapido, primero inicias sesion desde el correo y se guarda automaticamente el usuario para iniciar despues solo dandole click, solo tienes que cerrar la sesion y en el login vas a inicio rapido y ahi te debe de aparecer el usuario con el que inicias sesion previamente

    jejeje si lose, esta genial y nose por que pero me gusta mas que bootstrap:rolleyes:

    graciias a ti maddenamy ya que con tu ayuda aprendi mucho aun que todavia me falta mucho por saber de php y aprenderme bien las funciones jajaja xD
    y pensar que antes no sabia nada de php y cuando recien empeze a aprenderlo me emocione demasiado con el echo y el sistema de sumar, restar, etc... jajaja xD que tiempos aquellos (se me hacia muy dificil de aprender PHP por el codigo comparado con HTML jajaja xD)
     
  15. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    408
    Me gusta recibidos:
    319
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Aahh gracias men :D:p pero esa parte ya lo intente como mencionas... Yo te comente que lo quise checar con la página de facebook.com como nunca tengo cerrada mi sesión y no me apareció la primera vez que la cerré y la inicie normal... pero luego de unos minutos volví a intenta y me apareció ya la imagen.... Esa era mi curiosidad pense que lo aplicaba para dispositivos diferentes de PC :D:)

    upload_2017-1-12_2-16-32.png
     
    A AngelKrak le gusta esto.
  16. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    ohhh vale jjajaja xD
     
  17. Wilson_Betances

    Wilson_Betances Miembro

    Se incorporó:
    24 de Junio de 2016
    Mensajes:
    57
    Me gusta recibidos:
    2
    Puntos de trofeos:
    8
    Género:
    Hombre
    Localización:
    Roma
    Seria mucho mejor si fuera una pagina completa como facebook te registra y haces el login y despues te manda donde estan los usuario y puedes ingrezar al perfil, hacer todo tipo de cosa en la pagina. Me gusta mucho este sistema de login, quiero unir la pagina de usuario a la de login pero me estoy confundiendo devo crear otra base de datos nueva?
     
  18. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.065
    Me gusta recibidos:
    449
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    es que yo hice solo el sistema de registro y login ya lo que se va a mostrar despues de iniciar sesion o registrarse es cosa suya jejeje xD

    cual pagina es la que quieres unir?
     
  19. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    408
    Me gusta recibidos:
    319
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Cuando dices completa ya vas al máximo jejeje ntc.. Hacerla la puedo realizar, igual que el compañero @AngelKrakm, pero el detalle es que solo es un diseño de como mostrar un tipo de inicio de sesión (login)... Haz clic en el siguiente link para que oberve la versión 3 de inicion de sesión http://www.heroesdelaweb.com/threads/system-login-and-register.6163/ ... Esta esa formulada solo con JS native ... Sin embargo te pregunta por que la versión 3 o_O, lo cual es que ya existe la versión 2 realizada por otro compañero, puedes consultarlo en este link http://www.heroesdelaweb.com/threads/log-in-register-form-vanilla-javascript.6161/

    Pues animo no te confundas aprende y conoce cada líneas que estas usando y puedas unir lo que tienes en mente... Bueno sobre la base de datos es primordial que debes de hacer primero... Y mi pregunta es? Vas a usar dos base de datos en el sistema :eek: ?? Si es así orale eso es ser grande jejeje :p ntc... Bueno talves me equivoque y no tienes base datos aun :D:D ... si ya tiene uno pues de usuarios pues puedes agregarle las columnas que contendrá el registro de sesión o puedes crear otra tabla nueva donde solo contenga los pass y users y referenciarlos con una llave foránea a la tabla primaría llamada usuarios...

    De acuerdo de lo que menciona @AngelKrak solo es un diseño y lo que quiere que haga o realice después de eso ..!! Debes de Modificar el diseño con los datos reales de la base de datos...

    @AngelKrak[/USER] solo es un diseño y lo que quiere que haga o realice después de eso ..!! Debes de Modificar el diseño con los datos reales de la base de datos...

    Animo....']Animo....
     
    A AngelKrak le gusta esto.
  20. Wilson_Betances

    Wilson_Betances Miembro

    Se incorporó:
    24 de Junio de 2016
    Mensajes:
    57
    Me gusta recibidos:
    2
    Puntos de trofeos:
    8
    Género:
    Hombre
    Localización:
    Roma
    Yo se que devo modificar la pagina lo unico que quiero es unir esta 2 pagina http://www.heroesdelaweb.com/thread...nicio-rapido-php-mysqli-ajax.6160/#post-18357 despues del login quiero que me mande a esta pagina http://www.heroesdelaweb.com/threads/perfil-de-usuarios-php-mysqli.6063/ despues comienzo a modificar toda la pagina, quiero crear un social network como facebook algo parecido para hacer pratica con el codigo haci aprendo mas.
     
    Última modificación: 7 de Febrero de 2017

Comparte esta página