Sistema de Login – Utilizando Sesiones.
(Mysql – PHP)
Un sistema de inicio de sesión y registro de usuario es muy útil cuando queremos almacenar información
sobre los usuarios de nuestro sitio web. Esto se aplica a todo, desde sitios web educativos que podrían
almacenar el progreso del curso y marcas a sitios web de comercio electrónico que almacenarán
información sobre las compras pasadas de los clientes.
Creando la base de datos y tabla.
1. Abrir phpmyadmin y crear la base de datos eventos.
2. Dentro de la base de datos eventos, crear la tabla invitados con la siguiente estructura.
Script de la base de datos y tablas:
create database eventos;
Use eventos;
CREATE TABLE `eventos`.`invitados2` ( `idusuario` INT(11) NOT NULL AUTO_INCREMENT , `nombre` VARC
HAR(50) NOT NULL , `password` VARCHAR(50) NOT NULL , `correo` VARCHAR(50) NOT NULL , `fecha_reg`
VARCHAR(10) NOT NULL , PRIMARY KEY (`idusuario`)) ENGINE = InnoDB;
Copiar y pegar estos códigos en la consola o editor de mysql o phpmyadmin.
Creando los formularios de inicio de sesión y registro
Formulario de Registro
Crear una carpeta en la en la ubicación c:\wamp64\www con el nombre Loggin.
1. Creando el archivo [Link]
Líneas desde la 8 hasta la línea 22.
Este proyecto utiliza Bootstrap que es una biblioteca multiplataforma o conjunto de herramientas de
código abierto para diseño de sitios y aplicaciones web.
Bootstrap permite utilizar estilos css, script de java y biblioteca de imágenes que podremos utilizar en
nuestras páginas web.
En este proyecto utilizamos Bootstrap a través de enlaces web, es decir que algunos estilos e imágenes estarán
disponibles solamente con internet.
<link rel="stylesheet" href="[Link] integrity="sha384-
MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!--Fontawesome CDN-->
<link rel="stylesheet" href="[Link] integrity="sha384-
mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!--Custom styles-->
<link rel="stylesheet" type="text/css" href="[Link]">
<link href="//[Link]/bootstrap/4.1.1/css/[Link]" rel="stylesheet" id="bootstrap-css">
<script src="//[Link]/bootstrap/4.1.1/js/[Link]"></script>
<script src="//[Link]/ajax/libs/jquery/3.2.1/[Link]"></script>
<!------ Include the above in your HEAD tag ---------->
<style>
/* Made with love by Mutiullah Samim*/
@import url('[Link]
html,body{
background-image: url('[Link]
2. Una vez terminado procedemos a crear el archivo de la conexión y guardarlo en la
misma carpeta:
El archivo de la conexión, es el encargado de conectar con la base de datos de MYSQL, guardando todos los
parámetros de la conexión. Nota: si su Mysql tiene contraseña, deberá especificarla entre las comillas en la línea 4.
3. Crear el archivo que guarda en la base de datos y guardarlo en la misma carpeta:
Descripción: Es el archivo que guardará los datos del formulario de registros en la base de datos.
4. Creando el archivo de [Link]
Descripción: El archivo de login es la pantalla que se utilizará para iniciar la sesión.
Este documento contiene la misma estructura del formulario anterior, por lo tanto, solo incluiremos las
líneas de código que cambian en cuanto al de registrar usuarios.
De la línea 1 a la línea 91, es la misma codificación del formulario de registro, copiar y pegar el código
de esas líneas y seguir con la siguiente codificación.
5. Creando el archivo de validación:
El archivo de validación es el encargado de verificar en la base de datos si el nombre de usuario y
contraseña están guardados en ella, es decir verifica si el usuario se ha registrado o no.
Codificación:
6. Creando el archivo de Index.
El archivo de Index representa la página principal de inicio de la página, es decir la pantalla que
mostrará la página al iniciar la sesión. Cabe mencionar que ha esta pantalla solamente se puede
acceder cuando se logra iniciar sesión con cualquier usuario que esté registrado en la página.
session_star() : La función PHP session_start crea una sesión o reanuda la actual basada en un
identificador de sesión pasado mediante una petición GET o POST, o pasado mediante una cookie.
Resultado:
7. Creando el archivo de Salir
Este archivo php contiene las líneas de código necesarias para cerrar la sesión actual crear
mediante la función session_start. Luego nos manda de nuevo a la pantalla de [Link].
