49 Cargando notas con AJAX JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack

Duración: 32 min
Módulo: 🚀 Calificaciones (Lógica y Carga de Notas) Lección 5 de 6
Anterior
48 Envio de datos con AJAX JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack
Siguiente
50 Como cargar las notas con AJAX JQUERY curso Sistema de gestión escolar(PHP y MySql)FullStack

Descripción

💻 Lección 49: Carga de Notas con AJAX y JQuery

El enfoque principal de esta lección fue garantizar que el sistema nunca duplique un registro de calificación y que muestre automáticamente las notas ya guardadas.

I. ⚙️ Lógica del Controlador (create.php)

El controlador recibe los datos de las notas fila por fila a través de AJAX y determina si debe insertar o actualizar el registro:

  1. Consulta de Existencia (SELECT)
    • Se realiza una consulta (SELECT) a la tabla calificaciones utilizando los tres identificadores únicos: docente_ID, estudiante_ID y materia_ID [02:30].
    • Propósito: Si la consulta devuelve un resultado, el registro ya existe y se debe actualizar. Si no devuelve resultados, el registro no existe y se debe insertar.
  2. Registro de Nota (INSERT)
    • Si no existe un registro con la tripleta de IDs, se ejecuta una sentencia INSERT INTO calificaciones [06:37].
    • Se registran los valores de docente_ID, estudiante_ID, materia_ID, y la nota_1 [07:05].
  3. Actualización de Nota (UPDATE)
    • Si el registro ya existe, se ejecuta una sentencia UPDATE calificaciones.
    • La actualización se realiza de manera más eficiente, usando la clave primaria ID_calificacion (obtenida previamente) en la cláusula WHERE [18:28].
    • Se actualizan la nota_1 y la fecha_actualizacion.

II. 💾 Carga Automática de Notas en el Formulario

Para mejorar la experiencia del usuario y permitir la edición, se implementó la carga de las notas previamente guardadas al abrir el formulario:

  1. Inclusión del Listado: Se incluye un controlador/modelo de listado de calificaciones en la vista (listado_calificaciones.php) [21:45].
  2. Condición en la Vista: Dentro del bucle principal de estudiantes, se añade un bucle secundario (foreach) que recorre las calificaciones existentes.
  3. Coincidencia de IDs: Solo si la calificación existente coincide con el docente_ID, estudiante_ID y materia_ID del formulario actual, se imprime el valor de la nota (nota_1) dentro del atributo value del <input> [24:27].
  4. Resultado: El formulario ahora carga automáticamente la nota guardada, permitiendo al docente ver y modificar calificaciones existentes [26:57].

III. ✅ Finalización y Mensajería

  • Se implementa una ventana emergente de confirmación (SweetAlert) que notifica al docente con el mensaje "Se actualizó las notas" después de que todas las llamadas AJAX han terminado su ejecución [30:17].
  • La lógica completa (SELECT, INSERT, UPDATE, y carga en la vista) fue implementada y probada exitosamente para la Nota 1 [31:22].
$20.00
Iniciar sesión para inscribirse

Lecciones

📄 Introducción y Plataforma
Lección 1. 01 Login en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 110 min
🔑 Login, Roles y Usuarios
Lección 1. 02 Módulo ROLES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 155 min
Lección 2. 03 Módulo ROLES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack PARTE 2 57 min
Lección 3. 04 Módulo USUARIOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 85 min
Lección 4. 05 Módulo USUARIOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack parte 2 59 min
⚙️ Configuraciones Generales
Lección 1. 06 Módulo CONFIGURACIONES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 28 min
Lección 2. 07 CREATE configuraciones en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 33 min
Lección 3. 08 CRUD completo de configuraciones curso de Sistema de gestión escolar con (PHP y MySql) FullStack 35 min
🗓️ Gestiones Educativas y Niveles
Lección 1. 09 Módulo de GESTIONES EDUCATIVAS curso de Sistema de gestión escolar con (PHP y MySql) FullStack 27 min
Lección 2. 10 CRUD completo de GESTIONES en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 23 min
Lección 3. 11 CRUD completo de NIVELES Y TURNO curso de Sistema de gestión escolar con (PHP y MySql) FullStack 60 min
📐 Grados y Materias
Lección 1. 12 CÓDIGO FUENTE gratis del CURSO de Sistema de gestión escolar con (PHP y MySql) FullStack 7 min
Lección 2. 13 MÓDULO GRADOS Y PARALELOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 30 min
Lección 3. 14 CRUD GRADOS Y PARALELOS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 31 min
Lección 4. 15 MÓDULO MATERIAS en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 16 min
Lección 5. 16 Crud materias en el curso de Sistema de gestión escolar con (PHP y MySql) FullStack 31 min
🗄️ Diseño de la Base de Datos
Lección 1. 17 Modelo entidad en ADMINISTRATIVOS curso de Sistema de gestión escolar con (PHP y MySql) FullStack 15 min
Lección 2. 18 Normalización de la base de datos curso de Sistema de gestión escolar con (PHP y MySql) FullStack 21 min
Lección 3. 19 Código fuente más la base de datos del curso de Sistema de gestión escolar(PHP y MySql) FullStack 9 min
🏢 Módulo Personal Administrativo (CRUD Complejo)
Lección 1. 20 Create en 3 tablas relacionadas en el curso de Sistema de gestión escolar(PHP y MySql) FullStack 45 min
Lección 2. 21 Datos del personal administrativo en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 28 min
Lección 3. 22 Update en 3 tablas relacionadas en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 30 min
👨‍🏫 Módulo Docentes
Lección 1. 23 Módulo docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 22 min
Lección 2. 24 Create docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 11 min
Lección 3. 25 Cargar datos de los docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 16 min
Lección 4. 26 Editar datos de los docentes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 21 min
👨‍👩‍👧‍👦 Modelo Estudiantes y Padres
Lección 1. 27 Modelo estudiantes y padres de familia curso de Sistema de gestión escolar(PHP y MySql)FullStack 17 min
Lección 2. 28 Formulario de inscripción de estudiante curso de Sistema de gestión escolar(PHP y MySql)FullStack 28 min
Lección 3. 29 Registro de inscripción de estudiante curso de Sistema de gestión escolar(PHP y MySql)FullStack 18 min
✏️ CRUD de Estudiantes
Lección 1. 30 Listado de estudiante en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 15 min
Lección 2. 31 Traer datos del estudiante en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 17 min
Lección 3. 32 Update estudiantes en el curso de Sistema de gestión escolar(PHP y MySql)FullStack 39 min
💳 Pagos y Librería TCPDF
Lección 1. 33 Módulo pagos, cuotas o mensualidades - curso de Sistema de gestión escolar(PHP y MySql)FullStack 18 min
Lección 2. 34 Instalación de TCPDF para generar reportes curso Sistema de gestión escolar(PHP y MySql)FullStack 15 min
Lección 3. 35 Generando el CONTRATO del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 38 min
📄 CRUD de Pagos y Documentación
Lección 1. 36 Registro de pagos del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 35 min
Lección 2. 37 Editar pagos del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 18 min
Lección 3. 38 Borrar pagos del estudiante en el curso Sistema de gestión escolar(PHP y MySql)FullStack 11 min
Lección 4. 39 Recibo de caja de pagos del estudiante curso Sistema de gestión escolarPHP y MySqlFullStack 19 min
🔗 Asignación de Materias
Lección 1. 40 Código fuente en REPOSITORIO DE GITHUB del curso Sistema de gestión escolar(PHP y MySql)FullStack 13 min
Lección 2. 41 Módulo asignación de materias de docentes curso Sistema de gestión escolar(PHP y MySql)FullStack 24 min
Lección 3. 42 Listado de asignaciones de materias en el curso Sistema de gestión escolarPHP y MySqlFullStack 32 min
Lección 4. 43 Editar asignaciones de materias en el curso Sistema de gestión escolar(PHP y MySql)FullStack 25 min
Lección 5. 44 Eliminar asignaciones de materias en el curso Sistema de gestión escolar(PHP y MySql)FullStack 8 min
🚀 Calificaciones (Lógica y Carga de Notas)
Lección 1. 45 Módulo de calificaciones en el curso Sistema de gestión escolar(PHP y MySql)FullStack 31 min
Lección 2. 46 Cargado de notas en el curso Sistema de gestión escolar(PHP y MySql)FullStack 25 min
Lección 3. 47 Lectura de notas con JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack 20 min
Lección 4. 48 Envio de datos con AJAX JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack 28 min
Lección 5. 49 Cargando notas con AJAX JQUERY en el curso Sistema de gestión escolar(PHP y MySql)FullStack 32 min
Lección 6. 50 Como cargar las notas con AJAX JQUERY curso Sistema de gestión escolar(PHP y MySql)FullStack 10 min
📋 Creación del Módulo Kardex
Lección 1. 51 Respondiendo comentarios 😭😭😭 en el curso Sistema de gestión escolar(PHP y MySql)FullStack 12 min
Lección 2. 52 Creando el Módulo de KARDEX en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 14 min
Lección 3. 53 Formulario de registro de kardex en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 20 min
✏️ CRUD de Kardex
Lección 1. 54 Registro y lectura de reportes kardex en curso Sistema de Gestión escolar(PHP y MySql)FullStack 33 min
Lección 2. 55 Formulario para Editar reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack 37 min
Lección 3. 56 CRUD - UPDATE reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack 10 min
Lección 4. 57 CRUD - DELETE reportes de kardex curso Sistema de Gestión escolar(PHP y MySql)FullStack 9 min
👁️ Vistas Específicas del Usuario
Lección 1. 58 Vista para el estudiante en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 25 min
Lección 2. 59 Vista para el docente en el curso Sistema de Gestión escolar(PHP y MySql)FullStack 18 min
Lección 3. 60 Vista reporte de kardex del estudiante en curso Sistema de Gestión escolar(PHP y MySql)FullStack 19 min
Lección 4. 61 Vista reporte de calificaiones del estudiante Sistema de Gestión escolar(PHP y MySql)FullStack 17 min
🛡️ Módulo de Permisos (Base)
Lección 1. 62 Módulo PERMISOS de los roles en el curso de Sistema de Gestión escolar(PHP y MySql)FullStack 14 min
Lección 2. 63 CRUD - CREATE en permisos en el curso de Sistema de Gestión escolar(PHP y MySql)FullStack 15 min
🤝 Asignación de Permisos
Lección 1. 64 CRUD - UPDATE Y DELETE en permisos en curso de Sistema de Gestión escolar(PHP y MySql)FullStack 19 min
Lección 2. 65 Asignacion de permisos a los roles en el curso de Sistema de GestiónEscolar(PHP y MySql)FullStack 19 min
Lección 3. 66 Asignacion de permisos con AJAX en el curso de Sistema de GestiónEscolar(PHP y MySql)FullStack 13 min
Lección 4. 67 Listar asignaciones de permisos en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 16 min
Lección 5. 68 Cargra asignnaciones de los roles en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 18 min
Lección 6. 69 Borrar asignaciones de permisos en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 14 min
🚦 Autorización de Vistas
Lección 1. 70 Comprobar las rutas con los roles en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 29 min
Lección 2. 71 Cargar el menu segun el rol del usuario curso de Sistema de Gestión Escolar(PHP y MySql)FullStack 20 min
Lección 3. 72 Autorizar páginas segun los roles y permisos del Sistema de Gestión Escolar(PHP y MySql)FullStack 16 min
Lección 4. 73 Vista general para todos los usuarios del Sistema de Gestión Escolar(PHP y MySql)FullStack 11 min
Lección 5. 74 Autorizar cada vista o página del Sistema de Gestión Escolar(PHP y MySql)FullStack 17 min
Lección 6. 75 Commit en el repositorio de GITHUB del Sistema de Gestión Escolar(PHP y MySql)FullStack 17 min
📤 Importación Masiva y Gráficos
Lección 1. 76 Importar estudiantes por lote del Sistema de Gestión Escolar(PHP y MySql)FullStack 22 min
Lección 2. 77 Cargar datos masivos a la base de datos del Sistema de Gestión Escolar(PHP y MySql)FullStack 20 min
Lección 3. 78 Instalar y utilizar CHART.JS para reportes del Sistema de Gestión Escolar(PHP y MySql)FullStack 16 min
Lección 4. 79 Reporte de estudiantes por grados del Sistema de Gestión Escolar(PHP y MySql)FullStack 19 min
Lección 5. 80 Reportes de estudiantes inscritos por mes del Sistema de Gestión Escolar(PHP y MySql)FullStack 15 min
Lección 6. 81 Reporte en circular con jQuery Knob del Sistema de Gestión Escolar(PHP y MySql)FullStack 14 min
🏁 Ajustes Finales y Conclusión
Lección 1. 82 El Mejor chiste se lleva todo el código fuente y la base de datos del Sistema de Gestión Escolar 4 min
Lección 2. 83 Últimos ajustes de eliminar registros Sistema de Gestión Escolar(PHP y MySql)FullStack 31 min
Lección 3. 84 Últimos ajustes de eliminar registros Sistema de Gestión Escolar(PHP y MySql)FullStack parte 2 23 min
Lección 4. 85 Fin del curso de Sistema de Gestión Escolar con (PHP y MySql) FullStack 13 min
Lección 5. Ganadores del mejor chiste se llevan un SISTEMA DE GESTIÓN ESCOLAR COMPLETO 12 min

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Volver al curso