En esta oportunidad les presento el desarrollo de un login con php.
Este sera el primer de dos artículos en cual crearemos un CRUD con php, en la aplicación servirá para registrar libros de una manera sencilla.
 |
| LOGIN |
Esta desarrollado con boostrap para la plantilla base y algunos css propios.
Mostrandoles la conexión a la base de datos, la validación con php y js, y un escritorio si la conexión se realiza con éxito.
Sin mas que decir vamos a iniciar....
LA CONEXIÓN
 |
| CONEXIÓN CON PHP |
En el archivo de la conexión, definimos nuestro host, en este caso es uno local, colocamos el usuario, y su contraseña y por ultimo el nombre de la base de datos.
Y establecemos la variable $con para iniciar nuestra conexión, y pasamos las variables: $host, $user, $password y $db.
EL LOGIN
 |
| LOGIN |
Desarrollamos el encabezado de html, y en el cuerpo diseñamos un formulario solicitando un nombre de usuario y una contraseña.
Tendremos un botón el cual nos servirá para acceder a la aplicación.
En la parte inferior del archivo, incluimos el archivo .js que incluye la validación con java script.
En ese apartado se estudiara el propósito de esa validación.
VALIDACIÓN CON PHP
 |
| VALIDACIÓN CON PHP
Al darle clic en el botón del login, se llama el archivo de validación con php, que contiene las restricciones, que deben de existir registros en la base de datos que coincidan con los datos ingresados en el login.
Luego establecemos el inicio de la session.
VALIDACIÓN JAVA SCRIPT |
 |
| VALIDACIÓN CON JAVA SCRIPT
Básicamente lo que definimos es que no se pueden dejar espacios los espacios en el formulario de login, y que los datos ingresados deben cumplir con el formato establecido.
ESCRITORIO DE LA APLICACIÓN |
 |
| ESCRITORIO DE LA APLICACION |
Una vez registrados, nos cargara el index en cual tendremos una pantalla de bienvenida, donde tendremos las opciones del CRUD.
El cual estudiaremos en un nuevo articulo.
Recuerda si te a sido de utilidad, regalame un like, comparte con tus amigos.
Link de descarga en el ultimo articulo..... (PARA SUBIR LOS ARCHIVOS COMPLETOS.)
No hay comentarios:
Publicar un comentario