Continuando con nuestros tutoriales de Diseño Web, y ya habiendo aprendido a hacer autentificaciones de usuarios mediante el uso de PHP con y sin bases de datos, hoy les traemos otro sencillo tutorial en el cual les enseñaremos a añadir un registro de usuarios a sus sitios Web, el cual puede resultar muy útil si queremos entregar ciertas funcionalidades a algunos tipos de usuarios.
Para este tutorial, no es necesario tener grandes conocimientos de lenguajes dinámicos ni manipulación de bases de datos, ya que veremos todo el código correspondiente en detalle.
Como siempre, más información después del salto.
Como siempre, partamos por lo primero:
Sin más cosas, manos a la obra:
1.- Lo primero que haremos, será crear la tabla correspondiente a los usuarios en nuestra base de datos. Si no saben como hacerla, pueden ver este tutorial en el que hemos realizado este proceso paso a paso. La tabla para este ejemplo contendrá los siguientes campos:
Eventualmente pueden definir los campos que Uds. estimen convenientes (por ejemplo Sitio Web, Pais de ubicación, etc), dependiendo de la información que quieran recolectar de cada usuario.
2.- A continuación comenzaremos con el diseño de nuestro registro de usuarios. Primero que todo, crearemos una página HTML donde tendremos nuestro formulario de registro. A esta página la llamaremos “registro.html” y en ella crearemos el formulario. Si tienen dudas de como crear un formulario, pueden ver este tutorial en el que ya realizamos el proceso paso a paso. Este formulario contendrá los siguientes campos:
Y como siempre, los clásicos botones “Enviar” y “Limpiar datos”.
El “Action” de este formulario (página a la que se dirigirá al hacer click en el botón “Enviar”) lo dejaremos fijado a “agregar.php”
3.- Con nuestra base de datos y formulario listos, ahora podemos concentrarnos en el código para registrar al usuario. Para esto crearemos una página llamada “agregar.php” en el cual realizaremos los siguientes pasos:
Para esto, insertaremos el siguiente código después de la etiqueta <BODY>. La explicación del código, como siempre, en cursiva, negrita y entre /* */:
$user=$_POST["username"]; $clave=$_POST["clave"]; $confirmar=$_POST["confirmar"]; $email=$_POST["email"]; $nombre=$_POST["nombre"]; $error=0; /* Primero que todo asignaremos los valores recogidos del formulario en el vector POST a las variables que definimos ($user, $clave, etc). La última variable llamada $error la dejaremos como una bandera para marcar cualquier falla que exista dentro del proceso */ if($user == "" || $clave == "" || $confirmar == "" || $email == "" || $nombre == "") { echo "Debe ingresar todos los datos. Por favor vuelva atrás"; $error = 1; } /* Básicamente lo que hacemos aquí es controlar mediante una sentencia "if" que todas las variables contengan información. Por eso preguntamos si alguna de ellas esta vacía (separando por el equivalente a ó que es || ) que muestre el mensaje de que faltan datos y le muestre el vínculo para volver al formulario. Además, marcamos nuestra variable $error con un 1 . */ if($clave != $confirmar) { echo "Las contraseñas ingresadas no son iguales. Por favor vuelva atrás"; $error = 1; } /* A continuación comprobamos que las contraseñas ingresadas en el formulario, o bien la contraseña y la confirmación sean iguales. Dentro de nuestro "if" preguntamos si son distintas (mediante != ) y si es el caso, mostramos el mensaje que las contraseñas no son iguales y desplegamos el vínculo para volver el formulario. Además, marcamos la variable $error con un 1 . */ else { $conexion = mysql_connect("URL del host","usuario","contraseña") or die("No se puede conectar a la BD"); mysql_select_db("nombre de nuestra BD",$conexion) or die("No se puede seleccionar la BD"); $consulta = "SELECT * FROM usuario WHERE username='$user'"; $resultado = mysql_query($consulta,$conexion) or die("Operacion fallida: $consulta"); /* A este trozo de código se ingresará si los datos del usuario han pasado todas las validaciones anteriores. Lo primero que haremos es establecer una conexión a nuestra base de datos, primero definiendo una variable llamada $conexion y almacenando dentro de ella el resultado de la conexión a la BD mediante la función mysql_connect, a la cual le proveemos los parametros correspondientes a la URL de nuestra base de datos (comunmente es localhost) y el usuario y contraseña que utilizamos para ingresar. Luego seleccionamos la base de datos mediante la función mysql_select_db a la cual le proporcionamos los parametros correspondientes al nombre de la base de datos y los datos de la conexión (almacenados en la variable $conexion). En caso de que alguno de esos proceso fallen, presentamos un mensaje de error y "matamos" el proceso mediante el "or die" correspondiente. Luego en una variable $consulta, definimos una consulta a la base de datos de tipo SQL en la cual le pedimos que busque los datos de algún usuario que ya tenga el nombre de usuario que se seleccionó ahora. De esta forma veremos si ya existe algún usuario con esos datos. Finalmente, ejecutamos la consulta mediante la función mysql_query, a la cual le proporcionamos la consulta almacenada en $consulta y los datos de la conexion almacenados en la variable $conexion. El resultado de la consulta lo almacenaremos en la variable $resultado. */ if(mysql_affected_rows($resultado) == 0) { $consulta = "INSERT into usuario(username, clave, email, nombre) VALUES ('$user','$clave','$email','$nombre')"; $resultado = mysql_query($consulta,$conexion); /* Mediante la función mysql_affected_rows (dándole de parámetro el resultado de la consulta) averiguaremos si hubo alguna fila afectada por la consulta recién realizada (la consulta SELECT que buscaba la existencia del usuario), en caso de que la función sea igual a 0 significa que no hubo coincidencias por lo que el nombre de usuario se encuentra libre y podemos proceder a añadir el nuevo usuario a la base de datos. Esto lo hacemos mediante una consulta INSERT, la cual la almacenamos en la variable $consulta (podemos reutilizarla, ya que no necesitaremos el contenido anterior) y el resultado de esta la almacenaremos en $resultado (lo mismo que $consulta) luego de ejecutarla mediante un mysql_query */ if(!$resultado) { echo "Se ha presentado un error al registrar el usuario. <br> Por favor intentelo de nuevo"; $error = 1; exit(); /* Ahora mediante un if validaremos que no haya ningún problema con la ejecución de la consulta. Al poner !$resultado le preguntamos a la BD si no fue posible obtener un resultado en la ejecución y si es así desplegamos el mensaje de error correspondiente y marcamos nuestra variable $error con un 1 para luego hacer un "exit()" y detener la ejecución */ } else { $error = 2; /* El else por supuesto corresponde a que no hubo problemas en la ejecución de la consulta, por lo que marcamos nuestra variable $error con un 2 el cual validaremos más tarde para desplegar un mensaje de éxito */ } } else { echo "El nombre de usuario ya existe. Por favor vuelva atrás"; $error = 1; /* Este else corresponde al if que utilizamos con la función mysql_affected_rows , por lo que si entra al else significa que hubo una coincidencia cuando seleccionamos el nombre de usuario de la BD. Así que desplegamos el mensaje correspondiente de error, presentamos el vínculo para volver y marcamos nuestra variable $error con un 1 */ } } if($error == 2) { echo "Se ha registrado en el sistema. Bienvenido '$nombre'"; /* Finalmente validamos si nuestra variable error vale 2, esto significa que logró insertar los datos de forma satisfactoria por lo que presentamos el mensaje de éxito y le damos la bienvenida al usuario usando el nombre que registró en el formulario */ }
Algunas salvedades:
Y con esto damos término a este nuevo tutorial de PHP donde les enseñamos a hacer un simple registro de usuarios que pueden incorporar a su Web. Esperamos que este tutorial haya sido de utilidad para Uds. y como siempre no duden en dejarnos sus dudas o comentarios al respecto, los cuales trataremos de contestarlos a la brevedad para poder ayudarlos.
Como es habitual, recuerden que este tutorial ha sido desarrollado, probado y documentado por el equipo de Comolohago.cl, por lo que cuenta con nuestro infalible sello de garantía.
Muchas gracias por leer y será hasta una próxima oportunidad.
11:56:18 am
GRACIAS!!! Me ayudó muchísimo. Está excelente.
12:44:04 am
hola amigo quisiera pedirte un favor me podías como poner este sistema de comentarios que tienes en tu wed o donde puedo registrarme para poder obtenerlo
11:48:37 am
@fernando: El sistema de comentarios es una combinación entre los comentarios paginados que trae WordPress y un plugin llamado MCEComments.
Espero eso te sirva
Saludos!
1:24:03 pm
Hola. Hay un problema con los Códigos que proporcionan para los que no manejamos tan bien el tema. No se indica donde comoienzan y donde terminan las etiquetas ?> y <? y eso a mi, particularmernte me genera muchos problemas.
Les comento, yo gratuitamente (costeando hosting, dominio, diseño, mantenimiento) le he elaborado una página al profesor colombiano Gustavo Moncayo cuyo hijo Pablo Emilio está hace mas de 12 años secuestrado por la guerrilla de las FARC.
hay una base de datos creada en mi hosting (internetxion.com) que contiene una tabla llamada usuarios y dentro de ella 14 items.
Necesito un formulario montado en PHP desde donde pueda recogerse información, validarla y almacenarla de manera correcta en la Base de Datos. Además requiero de una forma en PHP desde la cual pueda consultar la información almacenada en la base de datos. Ello obciamente con todos los parámetros de seguridad.
Pueden Uds. colaborarme?
Gracias.
2:29:20 pm
he realizado los pasos del instructivo pero una vez en el servidor aparece el siguiente mensaje: PHP Parse error: syntax error, unexpected ‘}’ in E:\Domains\pastocity.com\wwwroot\agregar.php on line 30
7:47:54 am
Muy buenas!
Lo primero, enhorabuena por este tutorial, es bastante sencillo de seguir, pero al aplicarlo a lo que yo quiero me asaltan varias dudas, a ver si alguien me las puede resolver:
Primero os cuento de qué trata mi web para que os pongáis en situación.
Es una web para mis alumnos, en la que yo colgaré semanalmente los ejercicios que se vayan realizando en clase. Doy clases a alumnos de tres niveles diferentes, por lo que la web constará también de tres niveles (primero, segundo y tercero). Lo que quiero es que cada usuario, al registrarse, lo haga según el nivel. Es decir, que al registrarse como “primero” se registre en la BD de primero. Mi formulario consta de varios campos, entre los cuales se encuentra uno en el cual doy a elegir mediante una lista entre Primero,segundo y tercero.
Cómo puedo hacer que se me agregue a una BD dependiendo del curso??
No sé si me he explicado muy bien.
Muchas gracias a todos y un saludo.
Fernando
3:29:40 pm
@alberto ortiz: Te contactamos vía correo electrónico.
@pedro burgps: ¿Podrías colocar tu código para revisarlo?
@Txopitodesnow: Si tienes una BD para cada curso, lo más recomendable es que posterior al envío de datos desde el formulario, verifiques el valor del curso (primero, segundo o tercero) mediante un if y ahi definir un insert distinto en SQL para cada caso. Avísanos si eso te sirve, si no para seguir ayudándote.
Saludos a todos!
4:47:37 pm
ERIK: creo k debes verificar k el si campo username… es el mismo k usaste en tu base de datos ya que lo que hace el WHERE es buscar un usuario en la BD, para compararlo en la con el dato ingresado…..
1:19:40 am
OK, entiendo qué me quieres decir. De todas formas, qué resultará más sencillo, restringir el acceso según cursos pero teniendo tres BBDD o restringir el acceso igualmente pero sólo una BD? Si es con 3 BBDD (primero, segundo, tercero) entiendo que debe hacerse contrastando cada sección con la BD a la cual tiene que acceder, es decir, que para entrar en la sección de Primero, mire esa misma BD, no? Esta pregunta ya sé que la debería hacer en el otro tutorial, pero ya que estoy aquí…
De todas formas, si puedes me agregas a msn: txikillo25@hotmail.com La verdad que soy bastante nuevo en todo esto y me pierdo. Tengo la web ya creada pero sólo me falta el acceso restringido y me está volviendo loco.
Muchas gracias y un saludo
11:45:12 am
@Txopitodesnow: Desde mi punto de vista, es mejor que utilices todo desde una sola BD, y definas el nivel (primero, segundo, tercero) como un atributo o campo en el registro de cada alumno. De esa forma identificas a que nivel pertenecen y en base a eso despliegas el contenido correcto.
Saludos!