68 Cargra asignnaciones de los roles en el curso de Sistema de Gestión Escolar(PHP y MySql)FullStack
Duración: 18 min¡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
La Lección 68 se centró en lograr la actualización dinámica de la lista de permisos asignados. Esto significa que cuando el administrador asigna un nuevo permiso a un rol, la tabla de listado se recarga automáticamente dentro del modal, sin necesidad de refrescar toda la página.
1. Implementación de la Carga Dinámica (AJAX) 🔄
El objetivo fue hacer que el controlador de inserción (create_roles_permisos.php) no solo guarde el dato en la base de datos, sino que también genere y devuelva el código HTML completo de la tabla actualizada.
- Problema Inicial: Al enviar la información por AJAX, solo se guardaba el dato, pero la tabla de permisos en el frontend no se actualizaba [07:30].
- Solución Clave:
- El controlador create_roles_permisos.php (el que maneja la inserción) ahora incluye el código del controlador listado_roles_y_permisos.php [04:34].
- Una vez completada la sentencia INSERT, el controlador genera la tabla de asignaciones completa y actualizada (el mismo HTML que se muestra en el modal) como su respuesta [17:05].
- Actualización en el Frontend: El script AJAX, al recibir esta respuesta HTML actualizada, la inyecta directamente en el elemento de la interfaz de usuario destinado a la tabla de listado, logrando el efecto de recarga instantánea [16:48].
2. Ajustes de Variables y Estructura 📐
Para que la inyección dinámica funcionara correctamente, se tuvieron que realizar ajustes para que las variables estuvieran definidas en el momento de la ejecución.
- Estandarización de Variables: Se tuvo que asegurar que el nombre de la variable ID_rol fuera consistente tanto en el frontend (el modal que contiene la tabla) como en el backend (el controlador que la genera) [05:39].
- Alineación Estructural: Se ajustó la estructura para que la respuesta de AJAX (que es la nueva tabla) se incrustara exactamente en la ubicación de la tabla anterior dentro de la fila (clase .row) del modal, garantizando que el diseño no se rompiera [16:28].
3. Próximo Paso: Eliminar Permisos ❌
La funcionalidad de asignar permisos se considera completa y totalmente dinámica. El próximo paso será implementar el último proceso del CRUD en este módulo: la acción Eliminar (DELETE) una asignación de permiso [17:40].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️
