Crear pagina php con logueo y mysql

Crear pagina php con logueo y mysql


En esta ocasión vamos a continuar con lo que explique en mi anterior post, una vez que instalamos php, mysql, apache2 y phpmyadmin en nuestra distro de ubuntu, procedemos a crear una pagina dinamica con un sistema de logueo sencillo.

1.- Primero creamos nuestra base de datos de Mysql con la que vamos a conectar mas tarde con php:
* Abrimos una terminal y escribimos lo siguiente:

# mysql -u root -p

* Tecleamos la contraseña de mysql
** Esto es para ingresar a mysql desde la terminal con permisos de lectura y escritura

* Creamos la base de datos y la ponemos en uso:

mysql> create database usuario;

**nos salra este mensaje de que esta correcto: Query ok, 1 row affected (0.08 sec)

mysql> use usuario;

**ahora nos saldra esto: Database changed, hasta aqui quiere decir que vamos bien

* Ahora creamos la tabla que almacenara los usuarios con sus respectivas contraseñas:

mysql> create table loguin (id int primary key, nick varchar (30), password varchar (30))type=innodb;

** nos arrojara lo siguiente: Query OK, 0 rows affected, 1 warning (0.54 sec)

* Ahora insertamos los valores que contendra nuestra tabla:

mysql> insert into loguin values (1, "pepe", "pecas", (2, "pica", "papas", (3, "gaston", "mara";

** Y arrojara esto: Query OK, 3 rows affected (0.18 sec)
Records: 3 Duplicates: 0 Warnings: 0

* Ya podemos cerrar la terminal y ahora procedemos a crear nuestra pagina dinamica para loguearnos y acceder a la pagina oficial.


2.- Segundo creamos un archivo que se llamara logueo.php y se guardara en la ruta /var/www/ con el siguiente codigo:

<?php
//te conectas al servidor
$conec=mysql_connect("localhost","tu_usuario","tu_contraseña";
//conexion a la base de datos
$link=mysql_select_db("usuario";
//consulta
$consulta="select * from loguin where password='".$_POST['password']."'";
//ejecucion de la consulta
$resultado=mysql_query($consulta);
while( $registro=mysql_fetch_array($resultado) )
{
header('location:index.php?password='.$_POST['password']);
}
mysql_close($conec);
?>

<html>
<head><title>LOGUEO</title>
<script language="javascript">
function verifica(){
if(document.form.nick.value.length < 2){ //si el largo de nombre es menor a 2 caracteres
alert("Debe ingresar un nick"; //mensaje a la pantalla
document.form.nick.focus(); //el puntero del mouse queda en nombre
return 0; //devolvemos un cero para dejar de validar
}
if(document.form.password.value.length < 2){ //si el largo de marca es menor a 2 caracteres
alert("Debe ingresar un pass"; //mensaje a la pantalla
document.form.password.focus(); //el puntero del mouse queda en marca
return 0; //devolvemos un cero para dejar de validar
}
else{ //sino enviamos el formulario
document.form.submit(); //enviamos formulario
}
}
</script>
</head>
<body>
<form action="logueo.php" method="POST" name="form" id="form">
<br>
<br>
<center><table border=0>
<tr align=""><td>Nick&nbsp;<input type="text" name="nick" title="Ingresa tu Nick"></td></tr>
<tr align=""><td>Password&nbsp;;<input type="text" name="password" title="Ingresa tu Password"></td></tr>
<tr align=""><td><type="image" name="enviar" src="boton.jpeg" title="Ingresar al Sistema" ></td></tr>
</td></tr></table></center>
</form>
</body>
</html>


** Si lo creamos en el el escritorio y lo guardamos ahi lo podemos copiar desde la terminal con el siguinte codigo:

# sudo cp logueo.php /var/www/

** Esto lo hacemos asi por si no tenemos permisos de root, ya que al guardarlo directo desde el archivo, probablemente nos diga eso, que no tenemos los permisos suficientes.


3.- Ahora creamos nuestro pagina oficial que se llamara index.php y se guarda en la misma ruta:

<html>
<head><title>Bienvenido</title></head>
<body>
Bienvenido
<br>
<p>Felicidades acabas de crear tu primer pagina dinamica con logueo en PHP</p>
</body>
</html>


** Esta pagina no tiene codigo php, depende de ustedes lo que quieran poner ahi pero igual se puede guardar con la extension .php y no afecta o tambien con la extension .html siempre y cuando no contenga lineas escritas con php

4.- Por ultimo abrimos nuestro navegador Firefox y en la barra de direcciones tecleamos:

localhost/logueo.php

** y ya podemos probar nuesto pequeño sistemita.


Actualizacion

En esta parte por que lo piden y con gusto se hace un anexo a nuestro sistemita, la insercion de registros mediante php y con la posibilidad de revisar los cambios al instante, la creacion esta vez sera de manera grafica.

1.1 Primero si utilizamos otra tabla de la que creamos, lo hacemos desde el phpmyadmin tecleando en la barra de direcciones de nuestro navegador:

localhost/phpmyadmin/index.php

1.1.1 Al cargar la pagina se mostrara un formulario donde tecleamos nuetro usuario y la contrsaeña
1.1.2 Entonces seleccionamos la base de dantos que se creo anterior y despues de que cargue en la parte de abajao le damos el nombre a la nueva tabla que en este caso yo la llame registro y escribimos el numero de campos que yo utilice 3 y avanzamos
1.1.3 Ahora crearemos los campos el primero se llamara id, sera de tipo int, le damos una longitu de 10, el extra es auto_increment y seleccionamos la casilla de primary key.
1.1.3.1 El extra se pone autoincrement para que en la pagina dinamica no tengamos que insertar el numero identificador por que el usuario en ese momento no sabria en que numero se registro el ultimo usuario
1.1.4 el segundo campo se llamara nick, de tipo varchar y longitud de 30 caracteres
1.1.5 El ultimo campo se llamara password, de tipo varchar y de longitud de 30 caracteres y finalmente le damos grabar y se creo nuestra tabla
1.1.5.1 Si se quisiera agarrar la tabla que se creo mas arriba del post solo hay que modificar el extra desde phpmyadmin para el campo id
1.2 Ahora la parte interesante el codigo de nuestra pagina dinamica:


<html>
<head>
<title>Pagina dinamica</title>
</head>
<body>
<H1><font color="red">Insertar datos con PHP y MySQL</font></H1>
<FORM ACTION="procesar.php">
<TABLE border="1">
<TR><TD>Nick:</TD>
<TD><INPUT TYPE="text" NAME="nick" SIZE="20" MAXLENGTH="30"></TD></TR>
<TR><TD>Password:</TD>
<TD><INPUT TYPE="text" NAME="password" SIZE="20" MAXLENGTH="30"></TD></TR>
<TR><TD colspan="2"><center><INPUT TYPE="submit" NAME="accion" VALUE="Grabar"></center></TD></TR>
</TABLE>
</FORM>
<?php
$con=mysql_connect("localhost", "root", "admin";
$link=mysql_select_db("usuario";
$result=mysql_query("select * from registro";
?>
<TABLE BORDER=1 CELLSPACING=1 CELLPADDING=1>
<TR><TD>&nbsp;<B>ID</B>&nbsp;</TD><TD>&nbsp;<B>Nick</B></TD> <TD>&nbsp;<B>Password</B>&nbsp;</TD></TR>
<?php

while($row = mysql_fetch_array($result)) {
printf("<tr><td>&nbsp;%s</td><td>&nbsp;%s</td> <td>&nbsp;%s&nbsp;</td></tr>", $row["id"], $row["nick"], $row["password"]);
}
mysql_free_result($result);
mysql_close($con);
?>
</table>
</body>
</html>


* Esta pagina se llamara index2.php se guarda en la ruta /var/www
esta pagina lo que hace es pedir los datos pero ademas te muestra los datos que existe en la base de datos para que vallas checando que efectivamente se insertan los datos


1.2.1 Este seria el codigo para el proceso y la insercion de los datos:


<?php
$con=mysql_connect("localhost", "root", "admin";
$link=mysql_select_db("usuario";
$nick=$_GET['nick'];
$password=$_GET['password'];
mysql_query("insert into registro (nick,password) values ('$nick','$password')";
header("Location: index2.php";
?>


* La segunda pagina se llamara procesar.php
esta pagina es la que se encarga de recibir los datos de index2.php y posteriromente inserta los valores recibidos


Espero les sirva si quieren hacer otra cosa me comentan y lo edito ok, Saludos

Este es el post anterior para la instalcion de php, mysql, phpmyadmin, y apache 2:
http://www.taringa.net/posts/linux/3954344/Instalar-Mysql,-Apache-2,-Php-y-Phpmyadmin-en-Ubuntu.html

6 comentarios - Crear pagina php con logueo y mysql

kardenas3
hola tenes los post anteriores asi los vemos? abrazo
vicmp3
gracias, segui posteando mas ejemplos si tenes
due204
Gracias.
Mañana te dejo puntos por que no me quedan mas.
Saludos.
due204
due204 dijo:Gracias.
Mañana te dejo puntos por que no me quedan mas.
Saludos.

Lo prometido es deuda.
+10
Saludos.
_The_Kill_
+10, te hago NFU!!
quiero aprender a hacer paginas con registro de usuarios. si tenes algun matterial bueno enviame un mp. salu2