Lección: 53 Formulario de registro de kardex en el curso Sistema de Gestión escolar(PHP y MySql)FullStack

53 Formulario de registro de kardex en el curso Sistema de Gestión escolar(PHP y MySql)FullStack

Duración: 20 min

Módulo: 📋 Creación del Módulo Kardex Lección 3 de 3

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.

Estilización del Modal: Se personalizó la cabecera del modal (header) con un color rojo (Danger) para mantener la coherencia con la naturaleza de un reporte o llamada de atención [00:29].
Título Dinámico: Se hizo que el título del modal sea dinámico, mostrando el nombre del curso al que pertenece la asignación (ej: "Reporte del curso Secundaria Primero") para diferenciarlos visualmente dentro del bucle [01:30].
Actualización de la Tabla cardex: Se identificó la necesidad de registrar la fecha del incidente, por lo que se modificó la tabla de la base de datos para agregar el campo fecha al modelo [03:00].

Se estableció la estructura HTML del formulario dentro del cuerpo del modal, definiendo todos los campos necesarios para el reporte.

Se utilizaron campos ocultos para enviar la información de las relaciones sin que el docente tenga que ingresarlas manualmente:

docente_ID: Se extrae el ID del docente desde la asignación y se pasa como un campo oculto [17:49].
materia_ID: Se extrae el ID de la materia desde la asignación y se pasa como un campo oculto [19:17].

Fecha del Reporte:
- Se utiliza un campo de tipo date (<input type="date">) para que el docente pueda seleccionar la fecha exacta en la que ocurrió la observación, que puede ser diferente a la fecha actual de registro [04:08].
Selección de Estudiante:
- Se implementa un elemento Select que se llena con una consulta a la base de datos mediante un bucle foreach [05:41].
- Filtrado por Grado (Condicional If): Para evitar listar a todos los estudiantes de la escuela, se aplicó una condicional PHP (if) dentro del bucle. Esto asegura que solo se muestren los estudiantes cuyo grado_ID coincida con el grado de la asignación seleccionada [08:15].
Materia Asignada:
- Se muestra el nombre de la materia como un campo de texto con el atributo disabled para que el docente visualice la materia actual, pero no pueda modificarla [11:10].
Tipo de Observación (Select):
- Se creó un select con opciones manuales para clasificar el tipo de reporte. Los ejemplos usados son Disciplina, Asistencia y Rendimiento Académico [11:59].
Nota o Sugerencia:
- Se utiliza un elemento Textarea para el campo nota. Este espacio permite al docente redactar el informe detallado sobre el incidente o la sugerencia para el estudiante [13:39].

Acción del Formulario: El formulario se configuró para enviar los datos mediante el método POST al nuevo controlador controllers/cardex/create.php [16:17].
Botón de Registro: Se diseñó un botón de tipo submit con la etiqueta "Registrar" en color rojo para finalizar la implementación del formulario [14:39].