08 Adaptando nuestra PLANTILLA para el Sistema de Ventas con (PHP y MySql) FullStack

Duración: 18 min
Módulo: 🚀 Preparación, Login y Sesiones Seguras Lección 9 de 9

Descripción

💻 Lección 08: Adaptación de la Plantilla Base (AdminLTE)

✨ Prepara tu Dashboard: Limpieza de Código y Personalización

Esta lección se centra en adaptar la plantilla AdminLTE para que sirva como la estructura principal del sistema de ventas. El objetivo es eliminar elementos innecesarios, personalizar la interfaz y preparar el código para la modularización.

Contenido Esencial que Cubre la Lección:

SecciónDescripciónTimestamp
Limpieza y Estructura BaseEliminación del archivo index.php anterior y del código HTML de "Hola mundo" [00:57]. El objetivo es reducir las 300 líneas de código de la plantilla para evitar la redundancia en cada módulo [01:22].[00:57]
Personalización de EncabezadosSe establece el lenguaje a español (es) y se cambia el título del navegador a "Sistema de Ventas" [02:15].[02:15]
Ajustes de la Barra Superior (Navbar)Se eliminan elementos de navegación innecesarios como "Home," "Contact," y el buscador del Navbar [03:09]. Se mantiene la funcionalidad de pantalla completa [04:46].[03:09]
Personalización de la Barra Lateral (Sidebar)Se personaliza el logotipo del sistema, creando una ruta dinámica con la variable global $url para cargar una imagen local (logo.png) [05:40]. Se establece el nombre del sistema como "SisVentas" [06:35].[06:35]
Recuperación Dinámica del NombreSe implementa una consulta SQL en el index.php para recuperar el nombre completo del usuario que ha iniciado sesión, utilizando el $_SESSION['sesion_email'] [07:21]. Este nombre se imprime en el Sidebar [09:34].[09:34]
Creación del Menú PrincipalSe configura el primer módulo: "Usuarios", con sus respectivas subopciones: "Listado de usuarios" y "Creación de usuarios" [12:06].[12:06]
Reubicación de "Cerrar Sesión"El botón de "Cerrar Sesión" se mueve al final del Sidebar como un elemento de menú, se le asigna un icono y un color rojo distintivo (usando CSS) [12:54].[12:54]
Adaptación del Contenido CentralSe elimina el contenido de ejemplo del cuerpo de la página (starter page) y se define la sección principal como "Bienvenido al sistema de ventas" [14:54].[14:54]
Ajuste del Pie de Página (Footer)Se actualiza el año del copyright del footer a 2023 [16:44].[16:44]

¡Con la plantilla adaptada y el menú básico listo, el curso se prepara para comenzar el desarrollo del primer módulo: Usuarios!