Bueno amigos, en este artículo veremos como crear un login de usuarios haciendo uso de php, ajax, mysql y un poco de boostrap para el aspecto de nuestra página, cuento con una tabla en mi base de datos mysql la cual solo tiene dos campos un id y la contraseña para acceder veamos:
Solo he utilizado un valor «la contraseña», ustedes ya usaran el usuario también, seguido creamos la estructura para nuestro proyecto así:
Cabe recordar que estoy haciendo uso de boostrap mas no es obligatorio.
Ahora tenemos el index.php donde encontramos el código javascript encargado de ejecutar el archivo de validación sin necesidad de recargar la página haciendo uso de AJAX.
< !DOCTYPE html>
Login PHP + MYSQL + AJAX
🌟 ¡Visita Nuestra Tienda para Programadores! 🌟Descubre Códigos Fuente, Cursos, Software, Computadoras, Accesorios y Regalos Exclusivos. ¡Todo lo que necesitas para llevar tu programación al siguiente nivel!
Acceso
El archivo cuerpo, sera la interfaz que le mostraremos al usuario cuando se autentique:
< ?php
error_reporting(0);
if($_POST['m']=="ok"){
?>
Bienvenido
Usted ha ingresado con exito!
< ?php }else{ print("Esta accion no esta permitida"); } ?>
El archivo validacion.php encargado de recibir el parámetro y verificar su existencia en la base de datos:
< ?php
error_reporting(0);
$valor = $_POST['pss'];
require_once('conexion.php');
$con = Conectar();
$count = current($con->query("SELECT COUNT(id) FROM acceso WHERE password='$valor'")->fetch());
if($count>0){
print(true);
}else{
print(false);
}
?>
Por último pero no menos importante nuestro archivo conexión.php el cual mediante PDO realiza la conexión a MYSQL:
< ?php
function Conectar (){
$conn = null;
$host = '127.0.0.1';
$db = 'test';
$user = 'root';
$pwd = '';
try {
$conn = new PDO('mysql:host='.$host.';dbname='.$db, $user, $pwd);
}
catch (PDOException $e) {
echo 'No se pudo conectar a la base de datos !!';
exit;
}
return $conn;
}
?>
y ahora si todo ha salido bien, al ingresar tu contraseña debe mostrarte el mensaje de bienvenida contenido en la página cuerpo.php:
Hasta pronto!.
Byspel
Gracias viejo Ivan, Fue de mucha utilidad.
Con gusto Manuel, bienvenido por acá siempre hermano.