on marzo 10, 2025

COMPARTE ESTE ARTÍCULO

¡Hola, querido lector! En este artículo te mostraré, paso a paso, cómo puedes construir un CRUD (Crear, Leer, Actualizar y Borrar) usando PHP, MySQL y un toque de Bootstrap para darle un mejor estilo visual. Además, explicaremos qué son los métodos GET y POST y cuándo utilizarlos.

La base de datos que usaremos se llama prueba_ticket y contiene una tabla llamada eventos, la cual registra un listado de eventos con sus respectivos campos.

1. ¿Qué es GET y POST?

GET:
- Se utiliza para obtener información del servidor.
- Los datos viajan en la URL, por lo que son visibles (ejemplo: midominio.com?nombre=Juan&edad=25).
- No es apropiado para enviar datos confidenciales.
POST:
- Se utiliza para enviar datos al servidor, a menudo para crear o actualizar.
- Los datos se envían en el cuerpo de la solicitud, por lo que no son visibles en la URL.
- Se utiliza cuando tenemos formularios de registro, inicio de sesión, etc.

2. Estructura de la base de datos

Para seguir este ejemplo, crea una base de datos llamada prueba_ticket y ejecuta el siguiente script SQL para la tabla eventos:

DROP TABLE IF EXISTS `eventos`;
CREATE TABLE IF NOT EXISTS `eventos` (
  `id` int NOT NULL AUTO_INCREMENT,
  `nombre` varchar(300) COLLATE utf8mb4_spanish_ci NOT NULL,
  `fecha` date NOT NULL,
  `precio` double NOT NULL,
  `imagen` varchar(300) COLLATE utf8mb4_spanish_ci NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_spanish_ci;

Esta tabla tiene:

id (INT, auto-incremental)
nombre (VARCHAR)
fecha (DATE)
precio (DOUBLE)
imagen (VARCHAR) – en nuestro ejemplo guardaremos la URL o ruta de la imagen.

3. Estructura de archivos del proyecto

Te recomiendo organizar tu carpeta del proyecto de la siguiente manera:

tu_proyecto/
├─ conexion.php
├─ index.php
├─ crear.php
├─ editar.php
├─ borrar.php
└─ (posibles archivos adicionales .css, .js, etc.)

A continuación, veremos el contenido de cada uno.

4. Configuración de la conexión a la base de datos (conexion.php)

El contenido está parcialmente oculto por ser un material didáctico importante. Sólo los usuarios suscritos a la página o estudiantes activos de Academia SanRoque tendrán acceso a él. Si estás interesado en recibir cursos o lecciones relacionadas con este contenido puedes ver la información sobre nuestra academia AQUI.

Acceder

Con esto, cada vez que incluyas conexion.php en tus archivos, tendrás acceso a la variable $conn, que te servirá para ejecutar consultas.

5. Frontend con Bootstrap – Mostrar eventos en cards (index.php)

Aquí es donde usaremos un Card View de Bootstrap para mostrar los eventos de la tabla. También insertaremos enlaces para crear, editar y borrar.

Nota: Asegúrate de tener el enlace de Bootstrap (CDN o local) en tu <head> para que se vean bien los estilos.

El contenido está TOTALMENTE oculto por ser un material didáctico de suma importancia. Sólo los estudiantes o usuarios activos de Academia SanRoque tendrán acceso a él. Si estás interesado en recibir cursos o lecciones relacionadas con este contenido puedes ver la información sobre nuestra academia AQUI.

Acceder

Explicación

Incluimos conexion.php para conectarnos a la base de datos.
Obtenemos todos los eventos con SELECT * FROM eventos.
Recorremos cada evento y lo mostramos dentro de una card de Bootstrap.
En la parte inferior de cada tarjeta, hay botones para Editar y Borrar el evento.

6. Crear un evento (crear.php)

Vamos a crear un formulario para que el usuario envíe datos mediante POST, y luego los guardaremos en la base de datos.

Acceder

7. Editar/Actualizar un evento (editar.php)

Cuando se desea editar, primero se muestra el formulario con los datos existentes (pasados por GET en la URL), y al enviar el formulario se hace un POST para actualizar.

Acceder

8. Borrar un evento (borrar.php)

Recibimos el id por GET, ejecutamos la sentencia DELETE y luego volvemos a index.php.

Acceder

9. Conclusiones

Con lo anterior, has aprendido:

Qué son GET y POST y sus diferencias.
Cómo conectarte a MySQL usando PHP (PDO).
Cómo realizar un CRUD (Create, Read, Update, Delete).
Cómo integrar Bootstrap para dar un aspecto más moderno a tu frontend, mostrando tus datos con tarjetas (card view).

Recomendaciones adicionales:

Valida siempre los datos que entren por los formularios.
Escapa o sanitiza cadenas para evitar inyecciones SQL (aunque usando PDO con bindParam ya ayudas bastante).
Si quisieras subir imágenes de forma real, deberías implementar un formulario con enctype="multipart/form-data" y manejar la subida en PHP.

¡Y listo! Con esta guía tienes una base sólida para crear tu sistema de eventos (o cualquier otro CRUD) en PHP con un front en Bootstrap. ¡Sigue explorando y mejorando! Si tienes dudas, ¡no olvides dejar tu comentario!

    
 
 
         
   Maria Del Carmen Hernandez Herrera 
 
 
 
  Contacte con Alejandro por recomendación de una compañera de trabajo a la cuál ayudó mucho en la preparación de unos exámenes muy complicados . La física y química para mi hija en este curso estaba siendo muy complicada, tanto es así ,que suspendió la primera evaluación y ella no había suspendido nunca, desde que acude a sus clases hay un antes y un después ...... Alejandro con su manera de explicar ha conseguido que las entienda , que pueda desarrollar los problemas que tenga confianza en sí misma....tanto es así que ha aprobado todos los exámenes....Paula está súper contenta y yo más!!!! Siempre que tengo alguna duda o que necesito modificar un horario responden super pronto y buscan solución motivo por el cuál recomiendo al 100% está academia. Muchas gracias por su ayuda.
  
 
        
   Arianna Del Campo Martín 
 
 
 
  Yo soy estudiante universitaria, muy finalista y que llegó a la academia con prácticamente cero base… Finalmente aprobé mi examen! Aquí de una manera diferente a lo que convencionalmente se espera de los profes, me enseñaron, muy cercanamente lo que me proporcionó confianza para no callarme las dudas y preguntar todo el tiempo. Me sorprendió que el profe que me dio clases en particular era como una enciclopedia andante, sin necesidad de mirar los libros me decía fórmulas de memoria que son difíciles de entender hasta con ellas delante. Recomiendo 100%
  
 
        
   Ariana García Esquivel 
 
 
 
  No he dudado ni por un segundo que haber asistido a las clases con Alejandro es lo mejor que me ha pasado… No solamente te apoya académicamente, sino que apoya al alumno a pesar de sus dificultades, y a mí me ha estado ayudando muchísimo y en mis peores momentos. Mil gracias por tus consejos, por siempre darme ánimos, por ser tan simpático que alegras las clases aburridas y por ser un profe tan bueno, son de estas personas que nunca olvidas.❤️👏🏻 También he de decir que Raúl, el otro profesor que se encuentra en la academia…es una persona que se preocupa por el alumno a que haga las cosas bien, con tranquilidad, está siempre pendiente a ti, tiene mucha paciencia, dedica a dar sus clases lo más dinámico posible, tiene mucha amabilidad con las personas, en definitiva… tengo a los dos mejores profesores del mundo, se os quiere mucho💓✨.
  
 
        
   Another Weasley. 
 
 
 
  He tenido muchos profes, y muchos particulares, pero como Alejandro ninguno, de verdad, me hace pensar que de verdad no soy tan mala en lo mío 🥺 me apoya muchísimo y me ayuda en todo lo que pueda con mi carrera, es un profesor 10 y una persona sobretodo 10000 Gracias Ale por preocuparte por tus alumnos, por intentar que estén motivados, que las clases sean entretenidas, y lo bien y fácil que explicas !  Para mi, LOS MEJORES 💖 -alba
  
 
        
   yarel febles 
 
 
 
  He entrado a la carrera de enfermería gracias a Alejandro, sin duda estoy súper contento con mi paso por aquí :)
  
 
        
   Ana Carina Benta 
 
 
 
  Gracias por el ambiente familiar Gracias por la paciencia Gracias por la enseñanza Gracias por el apoyo Gracias por la Motivación!! Simplesmente Gracias!! Recomendable 1000%
  
 
        
   Yanet Palacio valdes 
 
 
 
  Desde hace un tiempo mi hijo asiste a la academia, pensabamos no sacaba la eso y hoy con orgullo se gradúa de 4to de la eso,muy agradecida por los profesores,sobre todo su profe Alejando persona entrañable,justo, para el todo nuestro agradecimiento..⭐⭐⭐👌👌
  
 
        
   Mabett Duque 
 
 
 
  ¡De lo bueno lo mejor, y de lo mejor lo superior!
  
 
  
 
  
 
   La evaluación general en Google es 4.4 de 5, en base a 27 reseñas

Photo by Pavel Danilyuk on Pexels.com
Photo by RealToughCandy.com on Pexels.com
Photo by Andrea Piacquadio on Pexels.com

¿QUÉ TE HA PARECIDO EL ARTÍCULO? Danos tu opinión al final de la página.
Deja tu comentario y ayúdanos a crecer.

¡SÍGUENOS EN TUS REDES FAVORITAS!
AYUDANOS A CRECER Y QUE LLEGUEMOS A TODAS LAS PERSONAS QUE NOS NECESITANA. SÍGUENOS EN TUS REDES.
Entra AQUÍ y elíge donde seguirnos.