Está en la página 1de 7

[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa!

http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...

waloss

Posts
Inicio

Comunidades
Destacados

Msica

Juegos

TOPs

Global

Novatos

Crear post
Me gusta

Historial
0 8 0 Twittear 0

HAZLO TU MISMO | HACE MS DE 10 MESES

chucky55
Seguir

[Tutorial]Crear un sistema de Login con PHP y MySQL


Anuncios Google

580
Seguidores

4.424
Puntos

Visual PHP App Builder


www.lianja.com - Build Desktop,Web and Mobile Apps. Free Download Windows/OS X/Linux

Elite

82
Posts Ver ms del autor

Crear un Sistema de Login de usuarios en PHP con MySQL

Tags
dise o espa ol MySQL gratis web sistema taringa. login PHP crear tutorial chucky55

Hola a todas y todos en este tutorial desarrollaremos y explicaremos un sistema de autentificacion de usuarios, este tipo de sistemas se utilizan para limitar el acceso a ciertas paginas de nuestro sitio Web.

Anuncios Google

ASP PHP Session PHP PHP Form

1. Preparando una tabla en MySQL


Esto se puede hacer desde la consola de MySQL, creamos una base de datos(si es que no la tenemos) con el comando create database miBaseDeDatos; luego la seleccinamos con use miBaseDeDatos; , una vez dentro de la base de datos proseguimos.Vamos a comenzar preparando una tabla en nuestra base de datos, la cual almacenara la informacin de los usuarios, para crear la tabla simplemente copia y ejecuta la siguiente consulta SQL:
CREATE TABLE `usuarios` ( `idusuario` INT(11) NOT NULL AUTO_INCREMENT, `usuario` VARCHAR(20) NOT NULL, `password` VARCHAR(10) NOT NULL, PRIMARY KEY (`idusuario`) )

Compartido por

2. Conectando a MySQL en PHP


1 de 7

3/9/2013 9:23 PM

[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa!

http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...

Ya una vez que tengamos la estructura de nuestra tabla, creamos un archivo llamado conexion.php.
<?php // datos para la coneccion a mysql define('DB_SERVER','localhost'); define('DB_NAME','TU_BASE_DE_DATOS'); define('DB_USER','TU_USUARIO'); define('DB_PASS','TU_CLAVE'); $con = mysql_connect(DB_SERVER,DB_USER,DB_PASS); mysql_select_db(DB_NAME,$con); ?>

La funcion define como su nombre lo dice, se usa para definir una constante nominada, que nos permite almacenar valores escalares(string, integer, float, boolean y nulos) y su estructura es: define(CONSTANTE,VALOR); La funcin de mysql_connect('ServidorMySQL','Usuario','Pass') nos servira para abrir una conexin al servidor de MySQL usando los 3 parmetros que declaramos anteriormente. Luego mysql_select_db selecciona la base de datos usando 2 parmetros, el nombre de la base de datos y la conexin a usar.

3. logout.php
Creamos un archivo que se llame logout.php para que realice el cierre de sesin
<?php session_start(); session_destroy(); header('location: index.php'); ?>

La funcion de session_destroy() destruye toda la informacin registrada de una variable de sesin, luego el header(location: index.php) redireccionara al usuario al index.php

4. index.php
Ahora pasamos el archivo index.php, el cual contendr el formulario de login y al mismo tiempo el mensaje de bienvenida o de error.
<?php session_start(); //session_start() crea una sesin para ser usada mediante una peticin GET o POST, o pasado por una cookie include_once "conexion.php"; //es la sentencia q usaremos para incluir el archivo de conexin a la base de datos que creamos anteriormen /*Funcin verificar_login() --> Vamos a crear una funcin llamada verificar_login, esta se encargara de hacer una consulta a la base de da function verificar_login($user,$password,&$result) { $sql = SELECT * FROM usuarios WHERE usuario = $user and $password = $password; $rec = mysql_query($sql); $count = 0; while($row = mysql_fetch_object($rec)) { $count++; $result = $row; } if($count == 1) { return 1; } else {

2 de 7

3/9/2013 9:23 PM

[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa!

http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...

return 0; } } /*Luego haremos una serie de condicionales que identificaran el momento en el boton de login es presionado y cuando este sea presionad if(!isset($_SESSION['userid'])) //para saber si existe o no ya la variable de sesin que se va a crear cuando el usuario se logee { if(isset($_POST['login'])) //Si la primera condicin no pasa, haremos otra preguntando si el boton de login fue presionado { if(verificar_login($_POST['user'],$_POST['password'],$result) == 1) //Si el boton fue presionado llamamos a la funcin verificar_login( { /*Si el login fue correcto, registramos la variable de sesin y al mismo tiempo refrescamos la pagina index.php.*/ $_SESSION['userid'] = $result->idusuario; header("location:index.php"); } else { echo '<div class="error">Su usuario es incorrecto, intente nuevamente. </div>'; //Si la funcin verificar_login() no pasa, que se muestre un mensaje de error. } } ?> <form action="" method="post" class="login"> <div><label>Username</label><input name="user" type="text" ></div> <div><label>Password</label><input name="password" type="password"></div> <div><input name="login" type="submit" value="login"></div> </form> <?php } else { // Si la variable de sesin userid ya existe, que muestre el mensaje de saludo. echo 'Su usuario ingreso correctamente.'; echo '<a href="logout.php">Logout</a>'; } ?>

Decoracin opcional con CSS...


Esta parte es opcional ya que no influye en nada en el funcionamiento del sistema, es unicamente decorativa:
*{ font-size: 14px; font-family: sans-serif; } form.login { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #DDDDDD; margin: 0 auto; padding: 20px; width: 278px; } form.login div { margin-bottom: 15px; overflow: hidden; } form.login div label { display: block; float: left; line-height: 25px; } form.login div input[type="text"], form.login div input[type="password"] { border: 1px solid #DCDCDC; float: right; padding: 4px; } form.login div input[type="submit"] { background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #C6C6C6; float: right; font-weight: bold; padding: 4px 20px;

3 de 7

3/9/2013 9:23 PM

[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa!

http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...

} .error{ color: red; font-weight: bold; margin: 10px; text-align: center; }

As quedara el archivo index.php


<?php session_start(); include_once "conexion.php"; function verificar_login($user,$password,&$result) { $sql = "SELECT * FROM usuarios WHERE usuario = '$user' and password = '$password'"; $rec = mysql_query($sql); $count = 0; while($row = mysql_fetch_object($rec)) { $count++; $result = $row; } if($count == 1) { return 1; } else { return 0; } } if(!isset($_SESSION['userid'])) { if(isset($_POST['login'])) { if(verificar_login($_POST['user'],$_POST['password'],$result) == 1) { $_SESSION['userid'] = $result->idusuario; header("location:index.php"); } else { echo '<div class="error">Su usuario es incorrecto, intente nuevamente.</div>'; } } ?> <style type="text/css"> *{ font-size: 14px; } body{ background:#aaa; } form.login { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #DDDDDD; font-family: sans-serif; margin: 0 auto; padding: 20px; width: 278px; box-shadow:0px 0px 20px black; border-radius:10px; } form.login div { margin-bottom: 15px; overflow: hidden; }

4 de 7

3/9/2013 9:23 PM

[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa!

http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...

form.login div label { display: block; float: left; line-height: 25px; } form.login div input[type="text"], form.login div input[type="password"] { border: 1px solid #DCDCDC; float: right; padding: 4px; } form.login div input[type="submit"] { background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #C6C6C6; float: right; font-weight: bold; padding: 4px 20px; } .error{ color: red; font-weight: bold; margin: 10px; text-align: center; } </style> <form action="" method="post" class="login"> <div><label>Username</label><input name="user" type="text" ></div> <div><label>Password</label><input name="password" type="password"></div> <div><input name="login" type="submit" value="login"></div> </form> <?php } else { echo 'Su usuario ingreso correctamente.'; echo '<a href="logout.php">Logout</a>'; } ?>

Sgueme y entrate de todos mis aportes!

Te gusta el diseo web?... nete! --> Diseo Web Pro

Fuentes de Informacin
El contenido del post es de mi autora, y/o, es un recopilacin de distintas fuentes.

0
Me gusta

0
Twittear

1
Enviar

Dar puntos

+10

150 Puntos
Votos: 25 - T! score: 6 / 10

76

5.910

5 de 7

3/9/2013 9:23 PM

[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa!

http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...

Seguir

A favoritos

Favoritos

Visitas

Seguidores

Relacionados
[Tutorial]Crear una Web para Subir Archivos[PHP] Mewseek - Descarga musica gratis desde tu iPhone/ iPad/ iPod WS un nuevo sistema operativo gratuito Como crear una figura y agregar huesos Anime Studio Pro 8 hazte unos bonitos fotomontajes Como jugar Sniper Elite V2 con Tunngle y Hamachi Increible y creativo comercial [PNG]Iconos de Programas en HD[Gratis]

Web Forms with SQL dBas


www.coffeecup.com Unlimited professional Web Forms All without programmingseriously!
10 comentarios
@darkinsane_n6 hace 10 meses +3 me parece interesante es bueno aprender esto recomendado @alezithop hace 10 meses +2 Good Work! +10 @Cristian-TM hace 10 meses interesante..! @macetin1 hace 10 meses muy bueno!!! @adrimr2 hace 10 meses buen post amigo @AlbeerToo1229 hace 9 meses +1 excelente justo lo que andaba buscando gracias... @stickstickly11 hace 9 meses excelente bro me sirvio de mucho @Equis_13 hace 9 meses +2 Excelente!!!! +5 y te dejo otros 5 en el post de sistema de registro!!! @DJ_BR1 hace 4 meses +1 Te doy +10 por haberte esforzado en hacerlo y compartirlo ! @eldany76 hace 3 meses +1 Esto es "inteligencia colectiva".Gracias esta muy bueno el post!

Anuncios Google

PHP MySQL tutorial

CSS Code tutorial

MySQL Database

PHP Database query

6 de 7

3/9/2013 9:23 PM

[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa!

http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...

Ir al cielo

Anunciar

Ayuda

Protocolo

Desarrolladores

Denuncias

Report Abuse - DMCA

Trminos y condiciones

Privacidad de datos

Reportar bug

7 de 7

3/9/2013 9:23 PM