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>














El archivo cuerpo, sera la interfaz que le mostraremos al usuario cuando se autentique:


< ?php error_reporting(0); if($_POST['m']=="ok"){ ?>

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!.