Lección: 55 Formulario para Editar reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack

55 Formulario para Editar reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack

Duración: 37 min

Módulo: ✏️ CRUD de Kardex Lección 2 de 4

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $20.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

📚 Lección 55: Formulario para Editar Reportes de Kardex

La Lección 55 se enfoca en la creación del formulario y la lógica necesaria para editar los reportes de Kardex que ya han sido registrados, resolviendo el desafío de precargar la información correcta en todos los campos.

1. Implementación de la Interfaz de Edición

Botón "Editar": Se añadió un botón en la columna de Acciones de la tabla de reportes, utilizando el icono de lápiz (pencil). El color asignado es verde (Success) para diferenciarlo del botón de reporte original [02:39].
Modal de Edición: El botón activa una nueva ventana modal para la edición, nombrada "Editar Reporte" [03:20].
Identificador Único: Se utilizó el ID_cardex como identificador dinámico del modal (ej. modal_editar_1, modal_editar_2) para que cada botón abra el formulario correcto con los datos específicos de ese reporte, sin mezclarlos [03:56].
Acción del Formulario: La acción del formulario fue establecida para enviar los datos al archivo update.php, que será desarrollado en la siguiente lección para procesar la actualización [35:18].

2. Lógica de Precarga de Datos (Debugging y Relaciones)

La parte más crítica de esta lección fue asegurar que el formulario de edición cargara todos los datos del reporte seleccionado (docente, materia, estudiante, observación, etc.). Esto requirió extensas modificaciones a la consulta de base de datos (listado_cardex.php) para incluir todas las relaciones necesarias.

Campos de Identificación Ocultos: Los IDs del docente y la materia se precargan y se mantienen ocultos (hidden) [06:51].
Fecha y Nota:
- La Fecha del reporte se precarga fácilmente utilizando el atributo value del campo de entrada [07:07].
- La Nota se precarga imprimiendo directamente el contenido dentro del área de texto (Textarea) [34:06].
Selección de Estudiante (Punto clave): Para precargar correctamente al estudiante:
1. Fue necesario modificar la consulta en listado_cardex.php para relacionar la tabla cardex con la tabla estudiantes, logrando obtener el grado_ID de cada reporte [29:22].
2. Luego, el select de estudiantes se filtra en el frontend para que solo muestre los alumnos que pertenecen al grado_ID del reporte que se está editando [30:57].
3. Finalmente, se usa la lógica del atributo selected dentro del bucle de opciones, comparando el ID del estudiante con el estudiante_ID del Kardex, para que el estudiante reportado aparezca ya seleccionado [31:35].
Tipo de Observación: El tipo de observación (Disciplina, Asistencia, Rendimiento) se precarga usando la misma lógica de comparación y el atributo selected para seleccionar la opción guardada en la base de datos [33:43].

El botón final del formulario se etiqueta como "Actualizar" y está listo para enviar los datos al controlador en la próxima lección.

Hilari Web