PHP Y MySQL : COMO EDITAR REGISTROS EN UNA BASE DE DATOS MYSQL.

Hola Amigos en este post ” PHP Y MySQL : COMO EDITAR REGISTROS EN UNA BASE DE DATOS. ” vamos a ver como implementamos un modulo que nos permita realizar la edición de registros que ya almacenamos en una base de datos.

De esta manera podemos actualizar, corregir o modificar cualquier dato existente en nuestras tablas de datos.

Para llevara cabo este proyecto vamos a realizar los siguientes pasos:

  1. Crear una base de datos llamada “pruebas ” y una tabla llamada “productos” para almacenar nuestros registros.
  2. Insertar registros en la tabla productos de la base de datos que ha sido creada.
  3. Crear un archivo de conexión PHP para autorizar el acceso de conexión a las demás paginas.
  4. Crear una pagina PHP que mostrara la tabla con los registros ya ingresados y un link de edición en cada registro.
  5. Diseñar un formulario para la edición de los registros.

Pongámonos manos a la obra.

1. Crear una base de datos y una tabla para almacenar nuestros registros.

Dentro de nuestra base de datos Mysql ejecutamos los siguientes comandos:

Para crear la base de datos:

CREATE DATABASE dbpruebas;

Ingresar a la base de datos creada;

USE dbpruebas;

Crear la tabla “productos”

CREATE TABLE IF NOT EXISTS productos ( id int(11) NOT NULL, 
producto varchar(25) NOT NULL, 
serie varchar(20) NOT NULL, 
fechaing date NOT NULL, 
PRIMARY KEY (id) ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

2. Insertar registros a la base de datos MySQL creada.

Vamos a insertar algunos registros a nuestra tabla “productos” con el siguiente comando:

INSERT INTO productos
(id,producto,serie,fechaing)
VALUES
('1003','IPHONE4','IPH4167','2021-01-05'),
('1004','IPHONE5','IPH4367','2021-01-06'),
('1005','IPHONE6','IPH4577','2021-01-07'),
('1006','IPHONE7','IPH4557','2021-01-08'),
('1007','IPHONE8','IPH4527','2021-01-09');

3. Crear un archivo de conexión PHP.

Muy bien, ahora vamos a crear un archivo de conexión PHP para que nos otorgue los permisos de conexión a todos los módulos de nuestro sistema.

Este archivo se llamara “conectar.php”.

Recuerda que este archivo debe llevar las credenciales de tu base de datos.

<?php
   define('DB_SERVER', "localhost");
   define('DB_USERNAME', "Tu_usuario");
   define('DB_PASSWORD', 'Tu_Clave');
   define('DB_DATABASE', 'dbpruebas');
   $conn = mysqli_connect(DB_SERVER,DB_USERNAME,DB_PASSWORD,DB_DATABASE);
?>

Vamos ahora por el paso 4.

4. Crear una pagina PHP que mostrara la tabla con los registros ya ingresados.

Muy bien ahora vamos a crear una pagina PHP que nos muestre todos los datos que posee nuestra tabla productos y que al final de cada registro nos muestre un LINK de EDICION.

Además a esta pagina la vamos a poner bonita con unos estilos CSS

La pagina se llamara “ver_tabla_pruebas.php”

Para ello usaremos el siguiente código:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="total/css_table/main.css">
<style>
.content {
max-width: auto;
margin: auto;
			 }
</style>
           
</head>   
<center>
		<body style = "margin-top:0; background-color:powderblue">
    <div class="content"> 
		<div class="container">
        <div class='wrap-table100'>  
        <div class='table100 ver1 m-b-110'>    
        <table data-vertable='ver1'>
          					<br>
              				<h2 >TABLA DE PRODUCTOS</h2>
          					<br>
                        	<thead>
							<tr class='row100 head'>
							<th align="center" style='width:50px'>ID</th> 
							<th class='column100 column2' data-column='column2'><center>PRODUCTO</center></th>
							<th class='column100 column3' data-column='column3'><center>SERIE</center></th>
							<th class='column100 column4' data-column='column4'><center>FECHA INGRESO</center></th>
                            <th class='column100 column4' data-column='column4'><center>EDIT</center></th>
           					</tr>
							</thead>   
              <tbody>
<?php
require('conectar.php');
?>

<?php

$sql = "SELECT * from productos order by fechaing DESC";
$result = mysqli_query($conn, $sql);
while($crow = mysqli_fetch_assoc($result))
            			{	
?>
<tr class='row100'>
<td style='width:10px'><center> <?php echo $crow['id'];?> </center></td>
<td> <center><?php echo $crow['producto']; ?>  </center> </td>
<td> <center><?php echo $crow['serie']; ?></center></td>
<td> <center><?php echo $crow['fechaing']; ?></center></td>
<td><center><a href="editar_registro.php?EDITAR_ID=<?php echo $crow['id']; ?>" class="edit_btn" >Edita</a></center></td>
</tr>
<?php
  	    	}		
?>
       	</tbody>
	    	</table>             
        	    
	</div>
	</div>
	<div>
	</div>
	</div>
	</div>
 
  </body>
  	</center>
	</html>

Al visualizar esta pagina veríamos una tabla en donde cada fila representa un registro y al final de cada fila tenemos el link “EDITAR”.

La linea de código que hace posible la edición es esta:

<td><center><a href="editar_registro.php?EDITAR_ID=<?php echo $crow['id']; ?>" class="edit_btn" >Edita</a></center></td>

Esta linea enviara el ID del registro seleccionado hacia la pagina “editar_registro.php” mediante la referencia “a href “

Recuerda que para obtener el formato de la tabla tal cual como la ves en la siguiente imagen debes cargar la carpeta TOTAL a la raíz de tu contenido web.

5. Diseñar un formulario para la edición de los registros.

El link editar de la tabla anterior deberá llevarnos hacia la pagina “editar_registro.php” que mediante un formulario mostrara los datos actuales del registro seleccionado y permitirán su cambio o edición.

Todos los campos serán editables salvo el ID pues es la llave primaria del registro.

El código para lograr este formulario es el siguiente:

<?php
require("conectar.php");
$id = $_GET['EDITAR_ID'];
$sele = "SELECT * FROM productos where id='$id'";
$result = $conn->query($sele);
$row = mysqli_fetch_assoc($result);  
?>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>EDITAR PRODUCTOS</title>
<!--======================================= ESTILO DE LA TABLA PLOMO ==============================-->        
<link rel="stylesheet" type="text/css" href="total/ccs_form/view.css" media="all">

<script language="javascript" type="text/javascript">
function windowClose() {
window.open('','_parent','');
window.close();
}
</script>  
</head>
  

<?php
$status = "";
if(isset($_POST["enviar"]))
{
$producto= $_POST["producto"];
$serie= $_POST["serie"];
$fechaing= $_POST["fechaing"];
$id= $_POST["id"];
  
  
$update = 'UPDATE productos SET

producto=TRIM("'.$producto.'"),

serie=TRIM("'.$serie.'"),
      
fechaing=TRIM("'.$fechaing.'")
      
WHERE id=TRIM('.$id.')';
  
  
if ($conn->query($update) === TRUE) 
{
echo '<script type="text/javascript">'; 
echo 'alert("EDICION CORRECTA. YA PUEDE CERRAR ESTA VENTANA ");'; 
echo 'window.location = "javascript:history.back(1)";';
echo '</script>';
 
}
else
{
 
echo '<script type="text/javascript">'; 
echo 'alert("ERROR REVISAR SI FALTAN DATOS");'; 
echo 'window.location = "javascript:history.back(1)";';
echo '</script>';
}
 
}

else {
 
?> 
  
  
<body id="main_body" >
	
	<img id="top" src="top.png" alt="">
	<div id="form_container">
	<h1><a>EDITAR PRODUCTOS </a></h1>
	<form id="form_18653" class="appnitro"  method="post" action="">
	<div class="form_description">
    <h2>EDITAR REGISTRO DE PRODUCTOS</h2>
	<p>Base de datos DBPRUEBAS</p>
	</div>						
	
    <ul >
      
      
    <input id="id" name="id"  class="element text small" type="hidden" maxlength="255" value="<?php echo $row['id'];?>"/> 
		
			
	<li id="li_2" >
	<label class="description" for="producto">NOMBRE DEL PRODUCTO : </label>
	<div>
	<input id="producto" name="producto" class="element text medium" type="text" maxlength="255" value="<?php echo $row['producto'];?>"/> 
	</div> 
	</li>
      
    <li id="li_3" >
	<label class="description" for="serie">NUMERO DE SERIE : </label>
	<div>
	<input id="serie" name="serie" class="element text medium" type="text" maxlength="255" value="<?php echo $row['serie'];?>"/> 
	</div> 
	</li>		


    <li id="li_4" >
	<label class="description" for="fechaing">FECHA : </label>
	<div>
	<input id="fechaing" name="fechaing" class="element text medium" type="text" maxlength="255" value="<?php echo $row['fechaing'];?>"/> 
	</div> 
	</li>	
			
	
    <li class="buttons">
	<input type="hidden" name="form_id" value="18653" />
	<input id="saveForm" class="button_text" type="submit" name="enviar" value="Editar" />
    <input class="button_text" type="submit" onclick="javascript: form.action='ver_tabla_pruebas.php';" value="Retornar" />      
                      
	</ul>
	</form>	
		
    <?php } ?>
      
	</div>
	</body>
</html>

El resultado de este formulario seria este:

Mediante este formulario podremos cambiar o actualizar la información del registro sin alterar su ID.

Cada ves que realicemos una edición y los datos se hayan registrado correctamente un mensaje aparecerá para confirmarnos el éxito de la operación.

Eso seria todo respecto al funcionamiento de este pequeño pero útil sistema de edición de registros en una base de datos MYSQL.

Recuerda que el sistema para que funcione requiere de todos estos archivos:

DESCARGAR SISTEMA EDITOR PHP

Eso ha sido todo amigos en este post ” PHP Y MySQLi : COMO EDITAR REGISTROS EN UNA BASE DE DATOS MYSQL ” esperamos que esta info en algún momento te sea de utilidad.

Recuerda que una manera de ayudarnos o agradecer nuestro trabajo es visitando los anuncios que aparecen a lo largo del post. Agradecer no cuesta nada. Gracias!
Recuerda también que puedes visitar todo el contenido de nuestro blog en :

BLOG DE TECNOCIENCIA.

También puedes visitar nuestro canal de YouTube en :

CANAL DE YOUTUBE TECNOCIENCIA

Agregue un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *