Inicio
Software
Programación
HTML Programación - PHP (ini) Programación - PHP POO Programación - PHP / HTML SQL Java
Hardware
Desarrollos
Quién soy Mapa del sitio

PHP - Creando el formulario de ingreso

Imprimir
Categoría: Primera aplicación - Web
Escrito por Ch4rl1X Visitas: 1015

Para crear el formulario web vamos a utilizar apenas un poco de HTML y PHP en un mismo archivo por ahora, los datos ingresados serán enviasdos a la tabla que en el tutorial anterior creamos.

Crearemos un archivo en la raíz de nuestro sitio que se llame: ingresoCliente.php o como queramos llamarlo, recordar que si se quiere cambiar el nombre del archivo, no se tendría inconveniente, lo que hay que saber, es que si por algún motivo en tutoriales posteriores enviamos datos por URL estos nombre deben ser cambiados. A continuación el código:

<?php
/*
--------------------------------------------------------------------------------------------
|                          Ch4rl1X Desarrollo de aplicaciones web y moviles                |
|                                                                                          |
|                                  correo: 
 Esta dirección de correo electrónico está protegida contra spambots. Usted necesita tener Javascript activado para poder verla.
                         |
|                                     web: www.charlesweb.com.ar                           |
|                                                                                          |
| Este material es apto para ser difundido y compartido. Utilizalo bajo tu responsabilidad.|
--------------------------------------------------------------------------------------------
*/
?>
<html>
<head>
    <title>Clientes</title>        
<?php
/*Conexión a la base de datos*/
$servidor = "localhost";
$basedatos = "servTecnico";
$usuario = "servTecnico";
$passwd = "s3rVT3c-2015"; //<-Llenar el siguiente

$conexion = new mysqli($servidor, $usuario, $passwd, $basedatos);

if ($conexion->connect_errno)
{
	echo "Error al establecer la conexi&oacute;n con la base de datos: " . $conexion->connect_error;
	exit;
}
?>
</head>
<body>
    <div align="center">
    <fieldset><legend>Ingreso de clientes</legend>
    <form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <table>
            <tr>
                <th>Nombre del cliente</th>
                <th>Raz&oacute;n social</th>
                <th>Telefono</th>
            </tr>
            <tr>
                <td><input type="text" name="cliente" value="<?php echo $_POST['cliente']; ?>"></td>
                <td><input type="text" name="rsocial" value="<?php echo $_POST['rsocial']; ?>"></td>
                <td><input type="text" name="telefono" value="<?php echo $_POST['telefono']; ?>"></td>
            </tr>
            <tr>
                <td colspan="3" align="center"><input type="submit" value="INGRESAR"></td>
            </tr>
        </table>
    </form>
<?php
/*Conexión a la base de datos*/
if(isset($_POST['cliente'], $_POST['rsocial'], $_POST['telefono']))
{
/*Se genera el código necesario para ingresar los datos a la base de datos*/
//Creamos la variable y definimos los campos que se van a ingresar. 
    $ingresoABase = $conexion->query("INSERT INTO clientes VALUES (NULL,'".$_POST['cliente']."', '".$_POST['rsocial']."', '".$_POST['telefono']."')");
echo "SE INGRESO";
}
?>
</fieldset>
</div>
</body>
</html>

Por el momento tenemos un ingreso rudo de datos, sin clases y nada que haga más complejo (o más simple, dependiendo desde dónde se mire) nuestro código.

Analizamos al vuelo el código: En las primeras líneas vemos que están los datos del conexión al servidor, los cuales se pasan a la clase MySQLi como parámetros con una condición para que el sistema imprima en pantalla si hay error o no, con la posibilidad de crear un mensaje personalizado para el mismo. Luego se crea un formulario apuntando a sí mismo (PHP_SELF), con las variables de ingreso para la base de datos. Finalmente se crea una validación básica de valores, la cual comprobará que todos los campos al menos tengan un caracter, para finalmente llamar a la instancia "conexion" que a través de su método query ingresará los datos.

Si todo va bien al primer ingreso que se haga, se logrará lo siguiente:

Verificamos los datos en la base:

En esa labor de programar, vamos a tener que ser minuciosos con lo que escribamos y leamos, tener paciencia entendiendo que no todo nos va a salir a la primera.

Buena suerte!

En el próximo definimos un menú para ir accediendo a los módulos que vayamos creando.

Espero que sirva, saludos!

Ch4rl1X!