VaidrollTeam: MANTENIMIENTO de CLIENTES en HTML + CSS + PHP + MYSQL + APACHE

Mantenimiento de clientes, puedes registrar, modificar y eliminar a los usuarios de una base de datos.

Base de datos

Necesitamos crear nuestra base de datos test con la tabla clientes y campos código, nombre, edad y telefono en MySQL

CREATE DATABASE test;
use test;
--
-- Estructura de tabla para la tabla `clientes`
--

CREATE TABLE `clientes` (
  `codigo` varchar(7) NOT NULL,
  `nombre` varchar(50) NOT NULL,
  `edad` int(2) NOT NULL,
  `telefono` int(9) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--
-- tabla `clientes`
--

INSERT INTO `clientes` (`codigo`, `nombre`, `edad`, `telefono`) VALUES
('2343242', 'VaidrollTeam', 27, 123142124),
('4512424', 'VaidrollTeam', 24, 646456465),
('6512839', 'VaidrollTeam', 34, 564132132),
('1231231', 'VaidrollTeam', 34, 124125123),
('1234567', 'VaidrollTeam', 42, 124124124);
COMMIT;

conexion.php

Realizamos la conexión a la base datos.

<?php

$dbhost = "localhost";
$dbuser = "root";
$dbpass = "";
$dbname = "test";

$conn = mysqli_connect($dbhost, $dbuser, $dbpass , $dbname);

if(!$conn)
{
	die("No hay conexion: ".mysqli_connect_error());	
}

?>

diseño.html

Creamos el diseño, la caja de texto y los botones, recuerda cada botón tiene su propio nombre para que en en mantenimiento.php le sea más fácil reconocer el botón que estas presionando.

<html>
<head>
<style>

</style>
</head>

<body>
<center>
<form name="Mantenimiento" action="mantenimiento.php" method="post">
<table border="1">

<tr>
<td colspan="4"><label>Mantenimiento de Clientes</label></td>
</tr>

<tr><td colspan="4"><label>Registrar Cliente </label></td></tr>
<tr>
	<td><label>Codigo</label></td><td><input type="text" value="" maxlength="7" name="txtcodigo"></td>
	<td><label>Edad</label></td><td><input type="text" value="" maxlength="2" name="txtedad" maxlength="2" size="10"></td>
</tr>
<tr>
	<td><label>Nombre</label></td><td><input type="text" value="" maxlength="50" name="txtnombre"></td>
	<td><label>Telefono</label></td><td><input type="text" value="" maxlength="9" size="10" name="txttelefono"></td>
</tr>

<tr><td colspan="4" align="center">
<input type="submit" value="Nuevo" name="limpiardatos" >
<input type="submit" value="Grabar" name="grabardatos" >
<input type="submit" value="Modificar" name="modificardatos" >
<input type="submit" value="Eliminar" name="eliminardatos">
</td>
</tr>

<tr><td colspan="4"><label>Listado de Clientes </label></td></tr>

<tr><td><label>Codigo</label></td>
	<td><label>Nombre</label></td>
	<td><label>Edad</label></td>
	<td><label>Telefono</label></td>
</tr>

<?php 
$sql="SELECT * FROM clientes";
$result=mysqli_query($conn,$sql);

while($mostrar=mysqli_fetch_array($result))
{
?>
<tr> <td><?php echo $mostrar['codigo'] ?>
	<td><?php echo $mostrar['nombre'] ?>
	<td><?php echo $mostrar['edad'] ?>
	<td><?php echo $mostrar['telefono'] ?>

</tr>
<?php
}

?>

</table>
</form>
</center>
</body>
</html>

Le podemos dar un poco de color y estilo al diseño.

<style>

input[type=button],input[type=submit]
{
background-color: white;
border: none;
color:black;
font-weight: bold;
padding: 6px 20px;
text-align: center;
font-size:16px;
margin: 4px 4px;
box-shadow: 3px 3px 3px black;
position: center;
font-family: Arial;
}

input[type="text"]
{
font-family: Arial;
color:black;
background-color:white;
padding:4px;
text-align: left;
font-size: 16px;
margin: 4px 4px;
box-shadow: 2px 2px 2px black;
}

body
{
background-color: #338DFF;
}

label
{
font-family: Arial;
padding: 4px;
font-weight: bold;
color: black;
text-align: center;
align:center;
font-size: 18px;
}

table
{
background-color: #F0EFEF;
padding: 5px 5px;
}

td
{
padding: 6px 4px;
}

</style>

mantenimiento.php

<?php

include("conexion.php");

$cod = $_POST["txtcodigo"];
$edad = $_POST["txtedad"];
$nom = $_POST["txtnombre"];
$tel = $_POST["txttelefono"];

	if($_SERVER['REQUEST_METHOD'] == "POST" and isset($_POST['limpiardatos']))
	{
		header("Location: principal.php");
	}

if($_SERVER['REQUEST_METHOD'] == "POST" and isset($_POST['grabardatos']))
	
	{
	$sqlgrabar = "INSERT INTO clientes(codigo, nombre, edad, telefono) values ('$cod','$nom','$edad','$tel')";

if(mysqli_query($conn,$sqlgrabar))
{
	header("Location: principal.php");
}else 
{
	echo "Error: " .$sql."<br>".mysql_error($conn);
}
		
		
	}
	
	if($_SERVER['REQUEST_METHOD'] == "POST" and isset($_POST['modificardatos']))
	
	{
			$sqlmodificar = "UPDATE clientes SET nombre='$nom',edad='$edad',telefono='$tel' WHERE codigo=$cod";

if(mysqli_query($conn,$sqlmodificar))
{
	header("Location: principal.php");
}else 
{
	echo "Error: " .$sql."<br>".mysql_error($conn);
}
		
		
	}
	
	if($_SERVER['REQUEST_METHOD'] == "POST" and isset($_POST['eliminardatos']))
	
	{
			$sqleliminar = "DELETE FROM clientes WHERE codigo=$cod";

if(mysqli_query($conn,$sqleliminar))
{
	header("Location: principal.php");
}else 
{
	echo "Error: " .$sql."<br>".mysql_error($conn);
}
		
		
	}

?>

principal.php

Debes de abrir este archivo para que funcione todo lo que ya hicimos anteriormente, si intentas abrir diseño.html te saldrá error.

<?php

include("conexion.php");
include("diseño.html");

?>

Recuerda 👀

Las cajas no están validadas.

Si presionas el botón grabar sin datos, este igual los va a registrar como datos vacíos.

Sin estilo

Con estilo

Notepad++

Xampp (Apache y MySQL)

Nombre : MantenimientoPHP.rar

Tamaño : 2 KB

Opción 1 : Descargar

Páginas

MANTENIMIENTO de CLIENTES en HTML + CSS + PHP + MYSQL + APACHE