Contenido
1. Introducción. ....................................................................................................................... 3
2. Sistemas de Objetivos. ....................................................................................................... 3
2.1 Objetivo General: ........................................................................................................ 3
2.2 Objetivos Específicos. ................................................................................................. 3
3. Desarrollo. .......................................................................................................................... 4
3.1 Parte 1 – RDMBS. ....................................................................................................... 4
3.2 Parte 2 – CRUD. ......................................................................................................... 5
3.2.1. Ver datos – Tabla HTML. ............................................................................. 5
3.2.2. Leer los datos. .............................................................................................. 7
3.2.3. Actualizar. ..................................................................................................... 9
3.2.4. Eliminar. ...................................................................................................... 11
3.3 Sección de preguntas. .............................................................................................. 11
4. Conclusiones. ................................................................................................................... 19
5. Recomendaciones. ........................................................................................................... 19
6. Bibliografía. ....................................................................................................................... 20
Figura 1. Tabla usuario ......................................................................................................................... 4
Figura 2. Mostrar datos ......................................................................................................................... 6
Figura 3. Creación de links ................................................................................................................... 7
Figura 4. Datos del usuario ................................................................................................................... 7
Figura 5. Comprobación de id ............................................................................................................... 8
Figura 6. Leer datos .............................................................................................................................. 9
Figura 7. Actualizar. ............................................................................................................................ 10
Figura 8. Modelo Vista Controlador .................................................................................................... 11
Figura 9. Página Principal ................................................................................................................... 12
Figura 10. Página para añadir nuevo usuario ..................................................................................... 12
Figura 11. Página para visualizar los datos ........................................................................................ 13
Figura 12. Página para actualizar un usuario...................................................................................... 13
Figura 13. Agregar foto ....................................................................................................................... 15
Figura 14. Visualización de los datos .................................................................................................. 15
Figura 15. Alerta para eliminar un usuario .......................................................................................... 17
Figura 16. Cancelar ............................................................................................................................ 17
Figura 17. Mensaje de eliminación ..................................................................................................... 18
Figura 18. Eliminación de la base de datos ........................................................................................ 18
1. Introducción.
En el siguiente informe a presentar se mostrará la implementación de un sistema básico para
poder lograr realizar operaciones CRUD (crear, leer, actualizar y borrar) en PHP usando una
base de datos en MYSQL. PHP es un lenguaje de programación para desarrollar aplicaciones
y crear sitios web que conquista cada día más seguidores. Fácil de usar y en constante
perfeccionamiento es una opción segura para aquellos que desean trabajar en proyectos
calificados y sin complicaciones.
CRUD resume las funciones requeridas por un usuario para crear y gestionar datos. Varios
procesos de gestión de datos están basados en CRUD, en los que dichas operaciones están
específicamente adaptadas a los requisitos del sistema y de usuario, ya sea para la gestión de
bases de datos o para el uso de aplicaciones.
2. Sistemas de Objetivos.
2.1 Objetivo General:
Realizar un informe donde se detalle la implementación de un sistema con
operaciones CRUD (crear, leer, actualizar y borrar).
2.2 Objetivos Específicos.
Establecer el uso de las operaciones CRUD.
Crear una pequeña aplicación que nos permita realizar las operaciones CRUD
Implementar validaciones para borrar algún dato.
Manejar buenas prácticas de programación.
3. Desarrollo.
3.1 Parte 1 – RDMBS.
A continuación, se presenta la base de datos que se va a implementar, recordando que esta
base de datos ya la habíamos usado anteriormente para una práctica de laboratorio. La base
de datos consta de una tabla denominada login la cual consta de siete columnas
respectivamente.
Figura 1. Tabla usuario
El siguiente paso, es crear una carpeta, donde estará sola la conexión a la base de datos.
Donde se especificará el nombre del servidor, el usuario, la contraseña y el nombre de la base
de datos. Seguido, usaremos una función de mysqli la cual estará instanciada con una variable
donde se almacenará la conexión. A continuación, se muestra el código a implementar para
no tener ninguna duda de lo que se ha estado realizando.
<?php
//VARIABLES COSNTANTES
/*Datos para la conexion*/
//DEFINE para variables cosntastes
define('SERVERNAME','localhost'); //Nombre del servidor
define('USERNAME','root'); //Nombre de usuario del servidor
define('PASSWORD',''); //Contraseña del servidor
define('DBNAME','ejemplo'); //Nombre de la base de datos
/*
CREACION DE LA CONEXION A LA BD
USASNDO mysqli
*/
//Variavles
$conn = new mysqli(SERVERNAME, USERNAME, PASSWORD, DBNAME); //Objeto para
la conexión a la BD
//CONTROLAR LA CONEXION
if ($conn -> connect_error){
//la funcion die, si es que termina la ejecuicon envia un mensaje de
conexion
die("Conexion Fallida" .$conn-> connect_error);
}
?>
3.2 Parte 2 – CRUD.
3.2.1. Ver datos – Tabla HTML.
El primer paso es crear un archivo PHP donde estará embebido todo el código HTML para
poder crear una tabla donde estarán todos los datos almacenados en la base de datos. Seguido,
en el código PHP es necesario saber si se traen los datos de la consulta hecha. A
continuación, se muestra la consulta a ejecutar y el código php para mostrar los datos en una
tabla HTML, mire la Figura 2 para poder visualizar el resultado.
//construyo la consulta
$query = "SELECT idusuario, nombreusuario, cedulausuario, correousuario,
apellidousuario FROM usuario";
$result = $conn -> query($query);
<?php
//control sobre la consulta
//necesita saber si trae datos
if($result ->num_rows > 0){
while($row = $result -> fetch_assoc()){
echo '<tr>';
echo '<td>'.$row['idusuario']. '</td>';
echo '<td>'.$row['nombreusuario']. " "
.$row['apellidousuario'].'</td>';
echo '<td>'.$row['cedulausuario']. '</td>';
echo '<td>'.$row['correousuario']. '</td>';
echo '<td>';
echo '<button><a href="[Link]?id='.
$row['idusuario'].'">Leer</a></button>';
echo '<button><a
href="[Link]?id='.$row['idusuario'].'">Actualizar</a></button>';
echo '<button><a
href="[Link]">Eliminar</a></button>';
echo '</td>';
echo '</tr>';
}
$result -> free();
}else{
echo '<p> <em> No existen datos registrados </em></p>';
}
?>
Figura 2. Mostrar datos
El siguiente paso es crear una serie de opciones los cuales tendrán como objetivo redirigir a
otras páginas HTML que se van a crear, entre las opciones más comunes esta la opción de
leer, actualizar y eliminar un usuario. Para ello, crearemos unos links que nos permita realizar
las opciones ya mencionadas anteriormente ya mencionadas.
Figura 3. Creación de links
3.2.2. Leer los datos.
Para poder realizar este paso, primero es necesario crear un archivo el cual lo denominaremos
[Link]. Dentro de este archivo abriremos una etiqueta HTML y crearemos unos
contenedores básicos con los campos, nombre, cedula, teléfono, dirección y correo. A
continuación, se muestra el resultado sin su funcionalidad mire la Figura 4.
Figura 4. Datos del usuario
Ahora, le procederemos a dar funcionalidad para que se puedan mostrar todos los campos
con sus respectivos datos extraídos ya desde la base de datos. Para ello, lo primero que
haremos es, obtener el id de todos los valores, con la finalidad de que pueda reconocer por id
ya que si recordamos el id es un valor único para cada usuario.
Para poder realizar lo mencionada anteriormente, usaremos el método get para obtener el id,
luego en una variable almacenaremos una consulta poniendo como parámetro el id del
estudiante. El siguiente paso es poder validar si la consulta se realizó correctamente, luego,
usaremos una función de mysqli denominada bind_param y le enviamos el tipo de datos,
seguido del método get.
Nota: Para verificar si hemos realizado todos los pasos bien, podemos pasar el cursor por el
link denominado leer y en la parte inferior izquierda nos daremos cuenta que aparecerá algo
así, mire la Figura 5.
Figura 5. Comprobación de id
Ahora, el siguiente paso es poder mostrar los datos en los div creados anteriormente, para ello
crearemos una etiqueta de párrafo y dentro de ello encrestaremos lenguaje php para mostrar.
A continuación, se muestra la sintaxis para poder lograr mostrar los datos y mire la Figura 6
para ver su resultado final.
<div>
<label for="">Nombre: </label>
<p> <?php echo $nombre . " " . $apellido ?></p>
</div>
Figura 6. Leer datos
3.2.3. Actualizar.
Para esta apartado de actualizar, dividiremos el código en dos partes la primera parte es
necesario traer los datos y visualizarlos en los cuadros de textos o input y ya en la segunda
parte nos concentraremos en la funcionalidad del botón actualizar.
Primera Parte.
Como necesitamos obtener los datos de la base de datos, primero tenemos que tener en cuenta
que vamos a usar el método GET y luego con una validación comprobaremos que
efectivamente se esten leyendo el id del usuario. Luego, en una variable se almacenará la
consulta SQL para leer los demás datos. Por lo tanto, una vez leido estos datos están viniendo
en formato de objeto por lo que es importante usar una función de mysqli denominada
fetch_array la cual nos devolverá los datos ya en forma de lista.
Entonces, en la parte del formulario, usaremos una función de php en el action denominada
$_SERVER['REQUEST_URI'] la cual contiene la cadena de consulta además de esperar los
parámetros que ya se mostrarán en la segunda parte del actualizar. Una vez que tengamos
hecho el formulario en la etiqueta value insertaremos código php con las variables ya creadas
anteriormente (nombre, apellido, etc)
Segunda Parte.
Para poder ya darle la funcionalidad al botón del formulario editar, lo que haremos es
verificar si existen datos almacenados en las variables ya mencionadas en la primera parte.
Luego, es necesario crear la consulta SQL que nos permitirá editar el usuario enviando por
parámetros. El siguiente paso es, preparar la consulta para su ejecución, para ello usaremos
una función denominada bind_param la cual dentro de unos paréntesis debemos de colocar el
tipo de datos que vamos a ingresar con su abreviatura.
A continuación, en la Figura 7 podemos darnos cuenta de lo mencionado anteriormente en la
primera y segunda parte.
Figura 7. Actualizar.
3.2.4. Eliminar.
Para eliminar el usuario, primero tenemos que comprar si efectivamente está obteniendo los
datos. Luego crearemos una consulta SQL que nos permitirá eliminar el usuario dependiendo
del id que seleccionemos. Por otra parte, es necesario controlar la consulta por lo que
debemos de comparar la conexión a la base de datos y si está hacemos que se prepare la
consulta y dentro de esta sentencia usaremos el bind_param para indicarle al programa que
debemos de obtener un dato numérico.
3.3 Sección de preguntas.
Dividir las vistas de su funcionalidad en dos archivos diferentes (.html y .php), darles
CSS personalizado y estético a las páginas.
Para dividir nuestra sección en tipo Modelo Vista Controlador (MVC) usaremos la
función require_once o también podemos usar include(‘’);
Figura 8. Modelo Vista Controlador
Figura 9. Página Principal
Figura 10. Página para añadir nuevo usuario
Figura 11. Página para visualizar los datos
Figura 12. Página para actualizar un usuario
Aumentar el ingreso de una imagen.
Para el ingreso de la imagen primero iremos a modificar la vista en el archivo [Link] en
el formulario, añadiremos un protocolo denominado enctype="multipart/form-data" el cual
permite tener en cuenta si se envía simplemente texto o si se envían cosas más complejas
como archivos, ya que no es lo mismo la transmisión de una cosa que de otra. En la parte del
controlador, añadiremos unas líneas de código para que PHP pueda reconocer que estamos
enviando archivos.
Primero, debemos de crear una carpeta donde estarán almacenadas las imágenes, segundo lo
que haremos es acceder a directorio para luego transformar los bits en datos que se puedan
leer. Luego, instanciaremos la imagen con un nombre de archivo. Luego, en la parte de leer
los datos necesitamos acceder a la carpeta imágenes que creamos e imprimimos la variable
mencionada anteriormente y por último en la sentencia SQL debemos de especificar el
nombre del campo de la imagen y el bind_param añadir el tipo de arhivo. A continuación, se
muestra las líneas de código para su debida implementación.
$path = "../imagenes/";
$arcivo = $path . basename($_FILES["imagen"]["name"]);
$nombrearchivo = $_FILES["imagen"]["name"];
$tempname = $_FILES["imagen"]["tmp_name"];
move_uploaded_file($tempname,$arcivo);
$imagen = $nombrearchivo;
$imagen = $nombrearchivo;
//construir la consula
$query= "INSERT INTO usuario(nombreusuario, apellidousuario,
cedulausuario, telefonousuario, direccionusuario
, correousuario, imagenusuario) VALUES (?,?,?,?,?,?,?)";
//preparar par la consula para ejecutar
if($stmt = $conn->prepare($query)){
$stmt ->
bind_param('sssssss',$_POST['nombre'],$_POST['apellido'],$_POST['cedula'],
$_POST['telefono'],
$_POST['direccion'],$_POST['correo'], $nombrearchivo);
Figura 13. Agregar foto
Mostramos los datos.
Figura 14. Visualización de los datos
header("location: [Link]");
}
}
</script>
Luego, en el href que implementamos para ir viendo el id de cada usuario, implementaremos
un método denomiada onclick donde con signos igual pondremos el nombre de la función
que le hayamos colocado anteriormente en las etiquetas script. A continuación, se presenta su
sintaxis.
echo '<a onclick="return alerta();"
href="../controlador/[Link]?id='.$row['idusuario'].'"><img
src="../img/[Link]" alt="" height="30px" width="30px"></a>';
Revisamos.
Figura 15. Alerta para eliminar un usuario
Si la respuesta es “cancelar” no tiene que eliminarse.
Figura 16. Cancelar
Si la respuesta es “Aceptar”
Figura 17. Mensaje de eliminación
Figura 18. Eliminación de la base de datos
4. Conclusiones.
Para terminar, se pudo completar con el objetivo principal de la clase, logrando crear
un sistema básico para mostrar la implementación de las operaciones crear, leer
actualizar y borrar (CRUD). En una primera versión se realizó la parte de agregar un
nuevo usuario donde se puedo aprender nuevas funcionalidades como lo es el ingreso
de una foto ya que se necesita algunas cosas más que a veces se pueden pasar de alto
y luego puede haber complicaciones al momento de ejecutar nuestro aplicativo.
Por otro lado, tenemos que tener cuidado en la parte de actualizar un nuevo cliente, ya
que primero necesitamos traer todos los datos del BD a los campos que estemos
usando. Luego, necesitamos una consulta para poder actualizar los datos dependiendo
del ID que esté recibiendo el método POST, luego tenemos que insertarlos
nuevamente para que el registro quede guardado en la base de datos.
Finalmente, completamos las operaciones CRUD con la función de eliminar
directamente un usuario. Para ello, necesitamos obtener el id del usuario y luego con
una sentencia SQL obtener ese id por un parámetro y luego cuando se de click se
elimine solo el usuario seleccionado. Caso contrario si no realizamos esas
validaciones se nos borrará todos los registros de la base de datos.
5. Recomendaciones.
Recordar que es importante validar cuando se vaya a eliminar algo, como por ejemplo
un usuario.
Recordar el funcionamiento de los métodos GET y POST, así como también la
implementación de la función bind_param y de los valores que recibe.
