MANUAL PARA LA CONEXIÓN ENTRE PHP

Y MYSQL

CREAR CUENTA E INICIAR SESIÓN

-Realizar la siguiente base de datos en MySQL

Base de datos: CUENTAS

Tabla: USUARIO(idUsuario, nombreUsuario, clave)

-Realizar una página con HTML, CSS, JS Y PHP

Crear un formulario de inicio de sesión donde se puedan ingresar los siguientes datos: usuario y
contraseña, un botón para iniciar sesión y un botón de crear cuenta

Formulario llamado:
inicioSesion.html
SI NO EXISTE LA CUENTA, ingresar los datos de usuario y contraseña y dar clic en el botón "crear
cuenta", entonces los datos se guardarían en la base de datos.

Formulario llamado:
crearCuenta.html

Ingreso los datos de la nueva cuenta:

Al llenar los datos del registro y crear la cuenta, envía el siguiente mensaje
Y en la base de datos ya se encuentra el usuario creado:

SI YA EXISTE LA CUENTA, ingresar los datos de usuario y contraseña y al dar clic en el botón "iniciar
sesión" verificar si esos datos ya existen en la base de datos

Ingreso los datos de la cuenta creada anteriormente:

Al iniciar sesión con una cuenta creada anteriormente, envía el siguiente mensaje
SI NO EXISTE LA CUENTA, y quiero iniciar sesión

(El usuario Jaime no existe en nuestra base de datos, no tiene cuenta)

El sistema manda el siguiente mensaje:

ESA ES LA FUNCIONALIDAD EN GENERAL DE LA PAGINA DE CREAR CUENTA E INICIAR SESIÓN

Ahora vamos con el CÓDIGO.

PASO 1- CREAR CARPETA DE LA PRACTICA
Crear una carpeta (en este caso la carpeta de llama PRACTICA13) donde van a estar todas nuestras
carpetas y archivos de la aplicación web.

PASO 2- CREAR LOS FORMULARIOS

Crear los formularios con los que vamos a trabajar estos irán dentro de la carpeta HTML

El primer formulario será para iniciar sesión. Y lo llamaremos inicioSesion.html

NUNCA OLVIDEN QUE AL REALIZAR UN FORMULARIO DEBEN DE OCUPAR LA ETIQUETA <FORM> Y

COMO LOS FORMULARIOS ENVIAN DATOS SIEMPRE HAY QUE PONER LA ETIQUETA COMPLETA CON EL
action, method y class.
<form action="../JS_PHP/login.php" method="post" class="formulario">

ESTA PARTE DEL ACTION QUE ACABO DE SUBRAYAR EN AZUL, NO SE PONDRÍA HASTA QUE YA TENGA
MIS CÓDIGOS DE PHP.
El segundo formulario será para iniciar sesión. Y lo llamaremos crearCuenta.html

DE IGUAL MANERA NUNCA OLVIDEN QUE AL REALIZAR UN FORMULARIO DEBEN DE OCUPAR LA

ETIQUETA <FORM> Y COMO LOS FORMULARIOS ENVIAN DATOS SIEMPRE HAY QUE PONER LA
ETIQUETA COMPLETA CON EL action, method y class.

ESTOS 2 FORMULARIOS SON TODOS LOS QUE UTILIZAREMOS Y LOS PONDREMOS DENTRO DE UNA
CARPETA LLAMADA HTML
DE IGUAL FORMA YA TENGO MI CARPETA CON EL CSS DE MIS FORMULARIOS Y LA CARPETA IMAGEN
QUE SON IMÁGENES QUE OCUPO PARA MIS FORMULARIOS

HASTA EL MOMENTO YA TENGO HECHO MIS FORMULARIOS

inicioSesion.html

crearCuenta.html

PASO 3- CREAR LA CARPETA PARA PHP

Crear una carpeta llamada en este caso JS_PHP ya que ahí guardaremos nuestros archivos PHP que
contienen alerts de javascript
PASO 4- LA CONEXIÓN PHP Y MYSQL
Crear un archivo llamado conexión.php dentro de la carpeta JS_PHP (agregué comentarios en el
código, pero abajo lo describo con más detalle)

La función mysqli_connect(" ", " ", "", " ") pide 4 parámetros

 el primero es el host donde se encuentra la base de datos en la computadora, en nuestro

caso es “localhost”
 el segundo es el nombre del usuario que accede a nuestra base de datos, en nuestro caso es
“root” ya que no utilizamos usuarios
 el tercero es la contraseña de la base de datos, en nuestro caso no usamos ninguna
contraseña, entonces dejamos ese espacio en blanco “ ”
 el cuarto es el nombre de la base de datos en la cual quiero guardar información, en nuestro
caso es “cuentas” por qué así se llama la base de datos que creamos al inicio.

Entonces queda de la siguiente manera:

mysqli_connect("localhost", "root", "", "cuentas");

esta función nos retornará un objeto que representa la conexión o un FALSE en caso de que la conexión
no se haya podido hacer (tal vez los parámetros enviados estaban mal escritos o algo así) por eso
necesitamos crear una variable para ahí guardar el valor de retorno, y quedaría de la siguiente manera:
$conexion = mysqli_connect("localhost", "root", "", "cuentas");
Para saber si la conexión se realizó satisfactoriamente debemos saber qué valor nos regresó la variable
conexión.

Por lo cual haremos un if, si la variable $conexion es diferente al valor del objeto de la conexión
entonces hay un error
if(!$conexion){
echo 'Error en la conexión con el servidor';
}

PASO 5- REGISTRAR UNA NUEVA CUENTA

EN LA BASE DE DATOS.
Crear un archivo llamado registro.php dentro de la carpeta JS_PHP (agregué comentarios en el
código)
Ahora si es momento de regresar al formulario crearCuenta.html y ligarlo con el archivo registro.php
que acabamos de crear.
<form action="../JS_PHP/registro.php" method="post" class="formulario">

PASO 6- INICIAR SESIÓN

Crear un archivo llamado login.php dentro de la carpeta JS_PHP (agregué comentarios en el código)
Explicación del mysqli_num_rows()
Ya que tenemos en la variable resultado, guardado el valor de la consulta, debemos de revisar si esos
valores están en la tabla.

Por ejemplo. Si la tabla de usuarios la tuviéramos con mil usuarios, y yo les digo, chicos díganme si
está ahí guardado el usuario JUAN con la contraseña 1357.

Tendrían que ir a la tabla y ver fila por fila si ahí esta JUAN 1357, si llegan a la fila mil y no lo
encontraron quiere decir que no está registrado, pero si en una fila si encontraron a JUAN 1357,
quiere decir que SI EXISTE, QUE SI ESTÁ REGISTRADO.

ENTONCES, eso es lo que hace “mysqli_num_rows($resultado)” va fila por fila buscando los
valores(por ejemplo: JUAN Y 1357) y cada vez que los encuentra guarda un número en la variable
$filas (si lo encontró una vez, guarda un 1, si lo encontró 2 veces guarda un 2, y así cada vez que
los encuentre)
$filas = mysqli_num_rows($resultado);

Y se hace un if, para corroborar

 si el número de filas donde encontró los valores es CERO, quiere decir que NO EXISTE el valor
de JUAN 1357 en la base de datos y entonces manda el mensaje de 'DATOS INCORRECTOS
O CREA UNA CUENTA'
 si el número de filas donde encontró los valores es MAYOR A CERO quiere decir que SI EXISTE
el valor de JUAN 1357 en la base de datos y entonces INICIA SESION.
if($filas>0){
echo '<script languaje="JavaScript">
alert (“SESION INICIADA");
</script>';
}

else{

echo 'DATOS INCORRECTOS O CREA UNA CUENTA';

}

Ahora si es momento de regresar al formulario inicioSesion.html y ligarlo con el archivo login.php que
acabamos de crear.
<form action="../JS_PHP/login.php" method="post" class="formulario">

PASO 7- PROBAR QUE LOS FORMULARIOS

FUNCIONEN Y QUE LOS DATOS SE
INSERTEN CORRECTAMENTE EN LA BASE
DE DATOS.

Por último…
DIAGRAMA.

crearCuenta.html inicioSesion.html

registro.php conexión.php login.php

BASE DE
DATOS

CUENTAS

TODOS LOS ARCHIVOS ESTÁN CONECTADOS ENTRE SI, SI NO, NO EXISTIRÍA EL

INTERCAMBIO DE INFORMACIÓN.

Manual hecho por Carmen Kinney P.