Tutorial Práctico de PHP y MySQL: Conexión, Creación de Base de Datos y Formularios Web

Ejercicio Práctico de Base de Datos y Web

A continuación se presenta el desarrollo completo del ejercicio práctico que abarca desde la creación de la base de datos hasta la interfaz web con HTML y PHP.

1. Creación de la Base de Datos y la Tabla Clientes

Primero, creamos una base de datos denominada animales y una tabla llamada Clientes con los campos NIF, Nombre, Apellidos, Mail y Teléfono.

<html>
<head>
<title>Animales</title>
</head>
<body>
<?php
$MySQL_host = "localhost";
$MySQL_user = "root";
$MySQL_password = "";
$conexion = mysql_connect($MySQL_host, $MySQL_user, $MySQL_password);

$query = "CREATE DATABASE animales";
$result = mysql_query($query);

$MySQL_Database = "animales";
mysql_select_db($MySQL_Database);

$query = "CREATE TABLE clientes(
    NIF varchar(20) NOT NULL,
    Nombre varchar(20) NOT NULL,
    Apellidos varchar(20) NOT NULL,
    mail varchar(222) NOT NULL,
    telefono varchar(15) NOT NULL,
    PRIMARY KEY(NIF)
)";
$result = mysql_query($query);
?>
</body>
</html>

2. Creación de la Página de Inicio

Crear una página, llamada inicio.html, donde se muestre: un supuesto nombre de una tienda de música, una imagen y dos enlaces a sendas páginas denominadas: Añadir cliente y Consultar.

<html>
<head>
<title>MUSICA2</title>
</head>
<body style="background-color: cyan;">
    <h1><center>MUSICA2</center></h1>
    <center>
        <a href="Cliente.html" target="_blank">Añadir cliente</a><br>
        <a href="Consultar.html" target="_blank">Consultar clientes</a><br>
    </center>
    <center>
        <img src="1521796881_183853_1521797230_noticia_normal.jpg" width="200" height="200">
    </center>
</body>
</html>

3. Formulario para Añadir Clientes

Interfaz para la inserción de nuevos registros.

<html>
<head>
<title>Añadir</title>
</head>
<body style="background-color: cyan;">
    <h1><center>AÑADIR CLIENTE</center></h1>
    <center>
        <form action="cliente.php">
            NIF:<br><input type="text" name="NIF" value=""><br>
            Nombre:<br><input type="text" name="Nombre" value=""><br>
            Apellidos:<br><input type="text" name="Apellidos" value=""><br>
            Mail:<br><input type="text" name="Mail" value=""><br>
            Telefono:<br><input type="text" name="Telefono" value=""><br><br>
            <input type="submit" value="añadir">
        </form>
    </center>
</body>
</html>

4. Página de Consulta

Interfaz para acceder a las opciones de consulta.

<html>
<head>
<title>Consultar</title>
</head>
<body style="background-color: cyan;">
    <center><h1>MUSICA2</h1></center>
    <center>
        <form action="cuantos.php">
            Haz clic aquí para ver cuántos clientes tienes:
            <input type="submit" value="ver clientes">
        </form>
    </center>
</body>
</html>

5. Inserción de Datos mediante PHP

Crear una página llamada Añadir Clientes donde a través de un formulario se recogen los datos del cliente y se insertan en la mencionada tabla Clientes.

<?php
$NIF = $_GET['NIF'];
$Nombre = $_GET['Nombre'];
$Apellidos = $_GET['Apellidos'];
$mail = $_GET['Mail'];
$telefono = $_GET['Telefono'];

$MySQL_host = "localhost";
$MySQL_user = "root";
$MySQL_password = "";
$conexion = mysql_connect($MySQL_host, $MySQL_user, $MySQL_password);

$MySQL_Database = "animales";
mysql_select_db($MySQL_Database);

$query = "INSERT INTO clientes(NIF, Nombre, Apellidos, mail, telefono) VALUES ('$NIF', '$Nombre', '$Apellidos', '$mail', '$telefono')";
$result = mysql_query($query);
mysql_close();
?>

6. Consultas y Conteo de Registros

Crear una página llamada Consultas donde se puedan ejecutar consultas sobre la tabla Clientes, por ejemplo: ¿Cuántos clientes tengo?

<?php
$MySQL_host = "localhost";
$MySQL_user = "root";
$MySQL_password = "";
$conexion = mysql_connect($MySQL_host, $MySQL_user, $MySQL_password);
$MySQL_Database = "animales";
mysql_select_db($MySQL_Database);

$result = mysql_query("SELECT * FROM clientes", $conexion);
$numero_filas = mysql_num_rows($result);

echo "$numero_filas clientes\n";
?>