17 – Como Instalar Admin LTE en proyectos de ( 👨💻 PHP y MYSQL 💻)
Duración: 16 min
Módulo: 👤 Módulo de Usuarios, Login y Control de Sesiones
Lección 6 de
17
Descripción
Lección 17 – Como Instalar Admin LTE en proyectos de ( 👨💻 PHP y MYSQL 💻)
¡Es hora de transformar el panel administrativo de tu Sistema de Parqueo en una interfaz moderna y potente! 🚀 En esta lección crucial, te guiaré en la instalación e integración de AdminLTE, una plantilla de administración gratuita y altamente utilizada, que le dará a tu sistema un aspecto profesional y funcional.
En esta Lección Estratégica Aprenderás a:
- Comprender la Necesidad de un Panel Administrativo Profesional 💡
- Recordarás la importancia de las sesiones (login y logout) [00:00], y cómo la página principal.php será el centro de gestión para todos los módulos de tu sistema de parqueo.
- Descargar la Plantilla AdminLTE 🌐
- Te mostraré cómo acceder a la página oficial de AdminLTE (adminlte.io) y descargar la última versión (3.0.5 en este video) [00:49].
- Organizar los Archivos de la Plantilla 📁
- Crearás una nueva carpeta llamada templates dentro de app [02:09] en tu proyecto. Aquí descomprimirás y almacenarás la carpeta adminlte descargada, manteniendo tu proyecto ordenado.
- Identificar la Plantilla Base (starter.html) 📄
- Navegarás por la estructura de la plantilla y descubrirás el archivo starter.html [03:39]. Este es el punto de partida ideal, ya que contiene una estructura simplificada (327 líneas de código en comparación con las 1375 de index.html) que facilita la personalización.
- Integrar starter.html en principal.php 🔄
- Copiarás el contenido de starter.html y lo pegarás en tu archivo principal.php [05:57]. Inicialmente, la plantilla no se cargará correctamente debido a las rutas.
- Ajustar las Rutas de los Archivos (CSS y JS) 🔗
- Aprenderás a modificar todas las referencias a archivos CSS y JavaScript en el código de principal.php. Utilizarás la variable global $url (definida en config.php) y las rutas relativas (app/templates/adminlte-3.0.5/plugins/, etc.) para que tu servidor local pueda encontrar correctamente todos los estilos y scripts de AdminLTE [07:14].
- Verificarás cómo, al corregir las rutas, la plantilla de AdminLTE comienza a visualizarse correctamente en tu navegador [09:21].
- Optimizar y Simplificar la Plantilla ✂️
- Comenzarás a depurar el código de starter.html eliminando elementos que no serán necesarios para tu sistema (ej. notificaciones, mensajes, buscador en el header, y secciones del menú lateral) [12:07]. El objetivo es reducir las líneas de código (de 327 a 161 líneas) para tener una plantilla base limpia y eficiente para futuras implementaciones [15:31].
Al finalizar esta lección, habrás dotado a tu Sistema de Parqueo de un panel de administración profesional y modular, listo para ser personalizado con las funcionalidades específicas de tu aplicación. ¡Tu sistema ya tiene una interfaz de gestión de primer nivel! 💪
Lecciones
🚀 Introducción y Configuración Inicial del Proyecto
🎨 Interfaz de Usuario, Bootstrap y Funcionalidades Básicas
👤 Módulo de Usuarios, Login y Control de Sesiones
👥 Roles de Usuario y Control de Acceso Detallado
Lección 1. 29 – Añadiendo en el MENU opción ROLES al sistema con BASE de DATOS (👨💻PHP y MYSQL💻)
9 min
🅿️ Módulo de Parqueo y Gestión de Cubículos
Lección 2. 42 – FORMULARIO PARA CREAR CUVICULOS, tabla mapeo en el sistema con(👨💻PHP y MYSQL💻)
10 min
Lección 7. 47 – IDENTIFICANDO EL ESTADO DE LOS CUVICULOS en el sistema con BD (👨💻PHP y MYSQL💻)
13 min
🚗 Registro de Vehículos y Gestión de Clientes
Lección 2. 49 – FORMULARIO para REGISTRAR los VEHICULOS en el sistema con BD (👨💻PHP y MYSQL💻)
10 min
Lección 3. 50 – CARGAR FECHA ACTUAL CON PHP EN EL FORMULARIO en el sistema con BD (👨💻PHP y MYSQL💻)
7 min
Lección 4. 51 – CARGAR HORA ACTUAL CON PHP EN EL FORMULARIO en el sistema con BD (👨💻PHP y MYSQL💻)
5 min
Lección 5. 52 – CREACIÓN DE LA TABLA CLIENTES en el sistema con Base de Datos (👨💻PHP y MYSQL💻)
5 min
🖨️ Generación de Tickets y Reportes
Lección 1. 58 – como INSTALAR LA LIBRERIA TCPDF para REPORTES del sistema con BD (👨💻PHP y MYSQL💻)
9 min
Lección 5. 62 – DATOS DEL CLIENTE EN EL TICKET para imprimir desde el SISTEMA con BD(👨💻PHP y MYSQL💻)
12 min
⚙️ Configuraciones del Sistema y Control de Versiones
Lección 1. 63 – AÑADIENDO EL MÓDULO CONFIGURACIONES EN EL MENU DEL SISTEMA con BD(👨💻PHP y MYSQL💻)
9 min
Lección 16. 78 – HACIENDO COMMITS AL REPOSITORIO DE GITHUB en el sistema con BD (👨💻PHP y MYSQL💻)
9 min
Lección 17. 79 – GENERANDO EL TICKET DESDE LA BASE DE DATOS en el sistema con BD (👨💻PHP y MYSQL💻)
14 min
Lección 18. 80 – CAMBIANDO EL ESTADO DEL VEHICULO A OCUPADO en el sistema con BD (👨💻PHP y MYSQL💻)
13 min
Gestión y Flujo de Clientes
Lección 2. 82 – VISTA MODAL PARA RE-IMPRIMIR DATOS DEL CLEINTE en el sistema con BD (👨💻PHP y MYSQL💻)
16 min
Lección 5. 85 – RE-IMPRIMIR TICKET DEL CLIENTE en el sistema con BD y GitHub (👨💻PHP y MYSQL💻)
11 min
Lección 6. 86 – CANCELAR TICKET GENERADO DEL CLIENTE en el sistema con BD y GitHub (👨💻PHP y MYSQL💻)
8 min
Validación Avanzada y CRUD de Clientes
Lección 7. 94 – SCRIPT PARA EDITAR DATOS DEL CLIENTE en el sistema con BD y GITHUB (👨💻PHP y MYSQL💻)
8 min
Generación del Modelo de Facturación
Módulo de Facturación: CRUD y Lógica 🧾
Módulo de Precios y Lógica de Cálculo 💰
Lección 5. 117 – ESTABLECIENDO LOS PRECIOS DEL PARQUEO en el sistema con BD y GITHUB(👨💻PHPyMYSQL💻)
8 min
Lección 6. 118 – ACTUALIZAR LOS PRECIOS DEL PARQUEO en el sistema con BD y GITHUB(👨💻PHPyMYSQL💻)
8 min
Finalización del Documento de Factura y Lógica de Estado 📄
Lección 5. 130 – READ - LECTURA DE DATOS DE LA FACTURA en el sistema con BD yGITHUB(👨💻PHPyMYSQL💻)
8 min
Lección 6. 131 – CONCATENANDO LOS DATOS DE LA FACTURA en el sistema con BD yGITHUB(👨💻PHPyMYSQL💻)
8 min
Mejoras, Despliegue y Control de Versiones 🌐
Lección 2. 134 – PREGUNTAS Y RESPUESTAS SOBRE EL SITEMA DE PARQUEO CON BD yGITHUB(👨💻PHPyMYSQL💻)
61 min
Lección 7. 139 – CAMBIANDO EL ESTADO DEL TICKET (a libre) en el sistema con BD yGITHUB(👨💻PHPyMYSQL💻)
8 min
Lección 10. 142 – Como INSTALAR DATATABLES EN EL PROYECTO del sistema con BD y GITHUB(👨💻PHPyMYSQL💻)
11 min
Generación de Reportes en PDF (TCPDF) 🖨️
Lección 3. 147 – CREANDO TABLA CON LA LIBRERIA TCPDF PARA LOS REPORTES con BDyGITHUB(👨💻PHPyMYSQL💻)
8 min
Seguridad del Sistema y Control de Acceso 🔐 Actualización Final y Conclusión del Curso 🎉
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️