¿Que es?
El sistema de login, es aquel sistema en el que el usuario debe ingresar un nombre de usuario, y una contraseña para acceder. Tales como Facebook, Hotmail, y mismo aqui, este foro en la sección "Identificarse" en donde se debe poner en el campo "Usuario" y "Contraseña".
Empezando...
Esto, claramente se hace en el lenguaje PHP, para realizarlo deben tener algún conocimiento básico en métodos POST & GET, y además también deben saber un poco de condición if, else, etc. Probablemente si alguna vez programaron algun lenguaje con sintaxis parecida a C, lo entenderán.
Paso 1: Basandonos en Dreamweaver, creamos un archivo de extensión php. y lo guardamos como index.php
Vamos a la pestaña código, y copiamos este mismo:
<form action="index.php" method="post">
Usuario:<br>
<input type="text" name="usuario" /><br />
Clave:<br>
<input type="password" name="clave" /><br /><br />
<input type="submit" name="ingresar" value="Acceder" />
</form>
Explicaciones:
<form action="index.php" method="post"> Esto quiere decir, que definimos una etiqueta FORM, una forma, en la cual su accion será llevar al documento index.php (action="index.php" por el metodo POST. Para el que no sabe que es, el metodo post, es un metodo por el cual el codigo y los datos se ejecutan por el lado del servidor, sin mostrarlo por el lado del navegador (URL) que seria metodo GET. Por lo tanto, nos llevara al documento index.php (al mismo en el que estamos) pasando todos los datos que ingresemos (como ser usuario, contraseña) por el lado del servidor, sin mostrarnos a nosotros, nada.
<input type="text" name="usuario" /><br /> Definimos un input, una etiqueta input, la cual su tipo sera de texto (type="text" y su identificador será "usuario", el cual ahora, como identificador, despues en php, nos servirá para manipular este campo, ya que el identificador "usuario" de html, pasará a ser la variable por la cual manipularemos este campo, en php.El <br> significa salto de linea, por lo que le siga al <br> irá debajo de esa línea.
<input type="password" name="clave" /><br /><br /> Definimos otra etiqueta input, pero con el tipo de contraseña (password) la cual funciona igual que el campo de texto (text) pero traduciendo el texto a puntillos, como cuando uno claramente ingresa su contraseña, se verá asi: ********
Y su identificador (variable, en php) será "clave".
Le damos dos saltos de linea al final.
<input type="submit" name="ingresar" value="Acceder" />
</form> La ultima etiqueta input, que sera de tipo Submit (Botón), tendrá su identificador llamado "ingresar" y su valor estará establecido en la palabra "Acceder". El valor (value) será lo que se mostrará en esa etiqueta. En este caso, se mostrará un boton (submit) con el valor (value) "Acceder" (El boton dirá 'Acceder').
Y cerramos la etiqueta Form. Por lo tanto, todo lo que está dentro de la etiqueta form (todos los input) serán procesados posteriormente al llevar todo esto al documento index.php (al mismo) y lo traduciremos al php. Recordad que todo esto fue la parte HTML del código.
Paso 2: Arriba del código pegado (arriba de todo, arriba del form) abrimos las etiquetas (y las cerramos) PHP. Ya el que sabe lo básico de php, sabe que el código se ejecuta, abriendolo con la etiqueta <?php y cerrandolo con la etiqueta ?>
Pegamos este código:
<?php
if($_POST['ingresar'])
{
if(!$_POST['usuario'])
{
echo("Debes introducir un usuario!";
}
else if(!$_POST['clave'])
{
echo("Debes introducir una clave!";
}
else if($_POST['usuario'] == "probando" && $_POST['clave'] == "prueba"
{
echo("Te has logueado correctamente!";
}
else echo("Debes introducir datos validos!";
}
?>
Explicaciones:
if($_POST['ingresar']) Condiciono, que sí está establecida por el metodo post, la variable INGRESAR (Por lo tanto, si el usuario toco el boton, se establecera) sucederá tal funcion, y abro una llave para meter la función.
if(!$_POST['usuario'])
{
echo("Debes introducir un usuario!";
} Si NO está establecida la variable Usuario por el metodo post, (Osea, que el usuario no halla ingresado ningun nombre) nos mostrará un mensaje que diga que debemos introducir un usuario.
else if(!$_POST['clave'])
{
echo("Debes introducir una clave!";
} Y si no está establecida la variable Clave por el metodo post, (Osea, que el usuario no halla ingresado ninguna contraseña) nos mostrará un mensaje diciendo que debemos introducir un usuario.
else if($_POST['usuario'] == "probando" && $_POST['clave'] == "prueba"
{
echo("Te has logueado correctamente!";
} Pero si el usuario establecido es "PROBANDO" y la clave establecida es "PRUEBA" nos mostrará un mensaje de que nos hemos logueado. (Y ahi ya podrémos poner funciones de que nos rediriga a algun otro lado si estamos logueados, etc etc).
else echo("Debes introducir datos validos!"; De lo contrario, nos dirá que los datos introducidos son invalidos.
y cerramos la llave de la primera condicion.
Y yá con eso estarémos logueados. Recordar que esto no es un sistema de crear cuentas, sino, de LOGIN.
Ya me haré un tutorial vinculando este sistema, pero con una base de datos, en la cual tendrémos varias cuentas.
Recordad que si quieren mas tutoriales y aportes, entrar a www.scriptingweb.net
Saludos.