Sistema de registro simple con PHP y MySQL. Realizar un sistema de registro completo nos pedirá tiempo para el desarrollo de dicho sistema. Sin embargo, para realizar esta tarea se tiene que escribir código que valide los campos de dicho formulario.
Sistema de registro simple con PHP y MySQL
Las funciones que realizaría el sistema convencional serían los siguientes
- Envía mensajes de confirmación
- Proporcionar el formulario para recuperar la contraseña olvidada
- Almacenar las contraseñas de los usuarios
- Validar los datos ingresados en el formulario y mucho criterio más.
Por lo tanto, si usted hace todo esto, los usuarios seguirán siendo repulsivos para registrarse.
Sin embargo, en este artículo vamos a mostrarles un sistema de registro simple y dinámico que no necesita almacenar contraseñas.
¿Cómo funciona el sistema que se presenta?
- Este sistema tendrá un formulario combinado. Es decir, un login y/o registro, donde los usuarios colocarán sus correos electrónicos y enviarán el envío a la base de datos.
- Si el usuario envía su e-mail mediante el formulario y si el sistema no lo encuentra creará un nuevo registro de usuario.
- También, se genera un token aleatorio y automáticamente envía al usuario por correo electrónico como un enlace para mostrar contenido protegido y que sólo es válido durante 10 minutos.
- Al hacer clic sobre el vínculo enviado vía email. El sistema detectará la presencia de la ficha y registrará a la persona en la BD.
Componentes del sistema de login y registro.
- Lenguaje PHP
- Ajax
- JQuery
- MySQL
Fichero index.php
<!DOCTYPE html>
<html>
<head>
<title>Tutorial: Descargar sistema de registro simple con PHP y MySQL</title>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<!-- The main CSS file -->
<link href="assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<meta charset="utf-8">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="./">BaulPHP</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li ><a href="./">INICIO <span class="sr-only">(current)</span></a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container">
<div class="row">
<div class="col-md-6">
<form id="login-register" method="post" action="index.php">
<div class="form-group">
<h1>Login o Registro</h1>
<input class="form-control" type="text" placeholder="your@email.com" name="email" autofocus />
</div>
<div class="form-group">
<p>Ingrese su dirección de correo electrónico arriba y le enviaremos <br />
un enlace de inicio de sesión.</p>
<button type="submit" class="btn btn-primary submitBtn" >Login / Registrar</button>
<div class="form-group">
<span></span>
</form>
<!-- JavaScript Includes -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="assets/js/script.js"></script>
<!--Fin elementos contenedor-->
</div>
</div>
</div>
</div>
<div class="panel-footer">
<div class="container">
<p>Códigos <a href="https://baulphp.com/" target="_blank">BaulPHP</a></p>
</div>
</div>
</body>
</html>
CONCLUSIÓN
Este sistema cambia los tradicionales sistemas de gestión de usuarios, por algo nuevo ya que valida el correo electrónico para iniciar sesión. Muy recomendable para que implementen en sus sistemas web.
