Inicio Novat os Destacados Crear post Hist orial

[Tutorial]Crear un sistema de Login con PHP y

MySQL
Anuncios Google
Visual PHP App Builder
www.lianja.com - Build Desktop,Web and Mobile Apps. Free Download Windows/OS X/Linux
Crear un Sistema de Login de usuarios en PHP con MySQL
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.
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 `usuar i os` (
`i dusuar i o` I NT( 11) NOT NULL AUTO_I NCREMENT,
`usuar i o` VARCHAR( 20) NOT NULL,
`passwor d` VARCHAR( 10) NOT NULL,
PRI MARY KEY ( `i dusuar i o`)
)
2. Conectando a MySQL en PHP
Posts Comunidades Msica Juegos TOPs Global
HAZLO TU MISMO | HACE MS DE 10 MESES Twittear 0 0 8 Me gusta 0
Eli te
Seguir Seguir
580
Seguidores
4.424
Puntos
82
Posts
Ver ms del autor
chucky55
di seo web PHP
espaol si stema crear
MySQL taringa. tutorial
gratis login chucky55
Tags
Anunci os Googl e
ASP PHP
Session PHP
PHP Form
Compartido por
waloss waloss
[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa! http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...
1 de 7 3/9/2013 9:23 PM
.
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
{
[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa! http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...
2 de 7 3/9/2013 9:23 PM
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.
}
}
?>
<f or mact i on="" met hod="post " cl ass="l ogi n">
<di v><l abel >User name</ l abel ><i nput name=" user " t ype="t ext " ></ di v>
<di v><l abel >Passwor d</ l abel ><i nput name=" passwor d" t ype="passwor d" ></ di v>
<di v><i nput name=" l ogi n" t ype="submi t " val ue=" l ogi n" ></ di v>
</ f or m>
<?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:
*{
f ont - si ze: 14px;
f ont - f ami l y: sans- ser i f ;
}
f or m. l ogi n {
backgr ound: none r epeat scr ol l 0 0 #F1F1F1;
bor der : 1px sol i d #DDDDDD;
mar gi n: 0 aut o;
paddi ng: 20px;
wi dt h: 278px;
}
f or m. l ogi n di v {
mar gi n- bot t om: 15px;
over f l ow: hi dden;
}
f or m. l ogi n di v l abel {
di spl ay: bl ock;
f l oat : l ef t ;
l i ne- hei ght : 25px;
}
f or m. l ogi n di v i nput [ t ype="t ext "] , f or m. l ogi n di v i nput [ t ype=" passwor d"] {
bor der : 1px sol i d #DCDCDC;
f l oat : r i ght ;
paddi ng: 4px;
}
f or m. l ogi n di v i nput [ t ype="submi t "] {
backgr ound: none r epeat scr ol l 0 0 #DEDEDE;
bor der : 1px sol i d #C6C6C6;
f l oat : r i ght ;
f ont - wei ght : bol d;
paddi ng: 4px 20px;
[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa! http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...
3 de 7 3/9/2013 9:23 PM
}
. er r or {
col or : r ed;
f ont - wei ght : bol d;
mar gi n: 10px;
t ext - al i gn: cent er ;
}
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>';
}
}
?>

<st yl e t ype=" t ext / css" >
*{
f ont - si ze: 14px;
}
body{
backgr ound: #aaa;
}
f or m. l ogi n {
backgr ound: none r epeat scr ol l 0 0 #F1F1F1;
bor der : 1px sol i d #DDDDDD;
f ont - f ami l y: sans- ser i f ;
mar gi n: 0 aut o;
paddi ng: 20px;
wi dt h: 278px;
box- shadow: 0px 0px 20px bl ack;
bor der - r adi us: 10px;
}
f or m. l ogi n di v {
mar gi n- bot t om: 15px;
over f l ow: hi dden;
}
[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa! http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...
4 de 7 3/9/2013 9:23 PM
Twittear
0
0 0
Me gusta
f or m. l ogi n di v l abel {
di spl ay: bl ock;
f l oat : l ef t ;
l i ne- hei ght : 25px;
}
f or m. l ogi n di v i nput [ t ype="t ext "] , f or m. l ogi n di v i nput [ t ype=" passwor d"] {
bor der : 1px sol i d #DCDCDC;
f l oat : r i ght ;
paddi ng: 4px;
}
f or m. l ogi n di v i nput [ t ype="submi t "] {
backgr ound: none r epeat scr ol l 0 0 #DEDEDE;
bor der : 1px sol i d #C6C6C6;
f l oat : r i ght ;
f ont - wei ght : bol d;
paddi ng: 4px 20px;
}
. er r or {
col or : r ed;
f ont - wei ght : bol d;
mar gi n: 10px;
t ext - al i gn: cent er ;
}
</ st yl e>

<f or mact i on="" met hod="post " cl ass="l ogi n">
<di v><l abel >User name</ l abel ><i nput name=" user " t ype="t ext " ></ di v>
<di v><l abel >Passwor d</ l abel ><i nput name=" passwor d" t ype="passwor d" ></ di v>
<di v><i nput name=" l ogi n" t ype="submi t " val ue=" l ogi n" ></ di v>
</ f or m>
<?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
El contenido del post es de mi autora, y/o, es un recopilacin de distintas fuentes.
Fuentes de Informacin
1
Enviar
8
Dar puntos 1 2 3 4 5 6 7 8 9 +10
Votos: 25 - T! score: 6 / 10
150 Puntos
7 5.910 76
[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa! http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...
5 de 7 3/9/2013 9:23 PM
Seguir Seguir A favoritos A favoritos Seguidores Visitas Favor itos
Relacionados
Web Forms with SQL dBas
www.coffeecup.com
Unlimited professional Web Forms All without programmingseriously!
10 comentari os
@darkinsane_n6 hace 10 meses +3
me parece interesante
es bueno aprender esto recomendado
@alezit hop hace 10 meses +2
Good Work! +10
@Crist ian-TM hace 10 meses
interesante..!
@macet in1 hace 10 meses
muy bueno!!!
@adrimr2 hace 10 meses
buen post amigo
@AlbeerToo1229 hace 9 meses +1
excelente justo lo que andaba buscando gracias...
@st ickst ickly11 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
[Tutorial ]Crear una Web para Subi r Archi vos[PHP]
Mewseek - Descarga musica gratis desde tu iPhone/ i Pad/
iPod
WS un nuevo sistema operativo gratui to
Como crear una figura y agregar huesos Anime Studi o Pro
8
hazte unos boni tos fotomontajes
Como j ugar Sni per El ite V2 con Tunngl e y Hamachi
Increible y creati vo comercial
[PNG]Iconos de Programas en HD[Gratis]
[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa! http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...
6 de 7 3/9/2013 9:23 PM
Ir al cielo
Anunci ar Ayuda Protocol o Desarroll adores Denunci as Report Abuse - DMCA Trminos y condi ci ones Privacidad de datos Reportar bug
[Tutorial]Crear un sistema de Login con PHP y MySQL - Taringa! http://www.taringa.net/posts/hazlo-tu-mismo/14629402/Tutorial-Crear-un...
7 de 7 3/9/2013 9:23 PM