DESCRIPCION
En esta entrada veremos como crear una ventana login que se mostrará en web (HTML), en este ejemplo no estamos validando si existe o no existe el usuario en una Base de datos previamente creada (MySQL), simplemente mostraremos si encontró coincidencias o no, desplegando resultados usando codigo en PHP.
NOTA IMPORTANTE: Es necesario ya haber instalado un servidor como XAMPP.
BUENO, EMPECEMOS CON EL CÓDIGO
Si bien gran parte del código es repetido, intentaré explicarlo de la mejor forma.
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title></head><body>
<form name="Login" action="Ventana1.php" method="POST"> #Se introduce cuando creamos un formulario#<?php?><table border="1"> //Se define una tabla<thead><tr><th>Usuario</th> //Cabecera de tabla<th>Contraseña</th> //Cabecera de tabla</tr></thead><tbody><tr>
Esto nos deberia mostrar una ventana como la siguiente:<td><input type="text" name="Usuario" value="" /></td> //Entrada de texto<td><input type="password" name="Contraseña" value="" /></td> Entrada de password</tr></tbody></table> //Fin de tabla<input type="submit" value="Ingresar" /> //Los datos se envian al dar clic o dar enter</form> //Fin del formulario</body> // Fin de body</html>
OK, AHORA HAGAMOS LA CONSULTA
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
<?php
/** PROGRAMA LOGIN QUE BUSCA LOS DATOS INGRESADOS EN UNA BD MYSQL
* UAGro UAI Computación
* INTEGRANTES: Alejandro Feliciano Rojas Cruz
* Alejandra Ocampo Cayetano
* Roberto Jeronimo Valente */
echo "Estamos en la Ventana 1 \n<br/>"; //etiqueta br para salto de linea.
/** Aqui se guarda en variables locales lo ingresado atravez del metodo POST
* de la pagina anterior. */
$Usuario_local = $_POST["Usuario"];
$Password_local = $_POST["Contraseña"];
/** Aqui se muestran con el comando echo */
echo "Usuario:$Usuario_local<br/>";
echo "Contraseña: $Password_local<br/>";
#Aqui se hace la conexion con la base de datos.#
$cn= mysql_connect("localhost", "root", "USB.1978_,");
if(!$cn){die('ERROR EN LA CONEXION CON MYSQL:'. mysql_error());} //Manejo de error en la conexión de MYSQL
mysql_select_db("bdejemplo",$cn);
if(!$cn) {die ('ERROR EN LA CONEXION CON LA BD: '.mysql_error());} //Manejo en el error con la BD.
#Se hace una consulta MySQL
$consulta =" SELECT * FROM Tabla_Usuarios WHERE Usuario='$Usuario_local'
&& Password ='$Password_local'";
#Se hace la consulta #
$datos = mysql_query($consulta,$cn)or die(mysql_error());
$rs = mysql_fetch_array($datos,MYSQL_NUM); //Recupera los datos obtenidos en una fila.
if ($rs != null){
echo "Se encontro: ".$rs[0];}else{
echo "No se encontro coincidencias";}
mysql_free_result($datos); //Sirve para liberar el apuntador.
#NOTA IMPORTANTE: Es una funcion obsoleta que se eliminará en un futuro #
</body>
</html>
Lo cual nos mostrará la siguiente ventana:
Y podemos constatar que el usuario existe:
Bueno, eso es todo. En seguida les subo el proyecto en caso de que quieran checarlo en sus PCs.