CRUD de datos de empleados con PHP, MySQL y Bootstrap

La creación de un CRUD es una tarea muy común en el desarrollo web  (CRUD por sus siglas en ingles Create/Read/Update/Delete).  Si tu eres un desarrollador web intermedio o avanzado, es muy probable que hayas creados muchos desarrollos que impliquen un (CRUD) ; ya que se utiliza para: desarrollo de sistemas de gestores de contenidos, desarrollo de sistemas de inventario, o un sistema contable.

Si tu estas iniciando en esta area del desarrollo web, sin duda este tutorial sera de mucha ayuda para ti, ya que te ahorrara un par de horas de desarrollo para la creación de tus propios CRUD.

En este tutorial, vamos a ir a paso a pasos  para la creación y mantenimiento de una tabla “empleados” usaremos como lenguaje de lado del servidor, el cual se comunicara con el gestor de base de datos MySQL, y para la parte del front-end, usaremos Bootstrap.

1- Creación de la base de datos

En este tutorial, vamos a trabajar en una simple tabla llamada “empleados”. Para crear la base de datos abre tu herramienta preferida para manejar la administración de MySQL, en nuestro caso usaremos phpMyAdmin. Luego de haber creado nuestra base de datos solo quedara ejecutar el código siguiente:

2- Conexión a la base de datos

Para conectar la base de datos hemos creado un archivo llamado “conexion.php”.

Como se puede ver, estamos utilizando MySQLI para el acceso a la base de datos.

 

$db_host= Host de la base de datos, generalmente suele ser “localhost”
$db_user= Nombre de usuario de la base de datos
$db_pass= Contraseña del usuario de la base de datos
$db_name = Nombre de la base de datos que se utilizará para la tabla “empleados”

3- Mostrar los datos de los empleados

Para mostrar los datos de los empleados hemos creado un archivo llamado “index.php“, el cual se encargará de listar los registros de nuestra tabla y mostrarlos a los usuarios.

4- Editar los datos de los empleados

Para editar los datos de los empleados, se ha creado un archivo llamado “edit.php


5- Crear empleados

Para la creación de los empleados, hemos creado un archivo llamado “add.php

6- Eliminar los datos de los empleados

Para eliminar los datos de los empleados hemos colocado el código respectivo para la eliminación de datos, en el archivo “index.php“, el cual fue creado en el paso  3

7- Viendo detalle datos de los empleados

Para visualizar la informacion detallada de cada empleado hemos creado el archivo “profile.php

8- Creación del menú de nuestra aplicación

Llamaremos a nuestro archivo, que contendrá el menú de la aplicación “nav.php

Nuestra estructura final de archivo sería similar a la siguiente:

Para que puedas comprender el funcionamiento del CRUD te aconsejo que descargues los archivos a continuación: