27 Rutas y Navegación para Módulo de Compras en Laravel Menú Activo y Submenús🧭🛒 Sistema de Farmacia
Duración: 14 minDescripción
🧭 Lección 27: Rutas y Navegación Dinámica para el Módulo de Compras
En esta lección, implementamos la infraestructura de navegación en el backend y el frontend. Desglosamos las acciones del módulo en rutas individuales e integramos un menú desplegable con submenús activos dentro de nuestro panel de administración.
🧠 1. Estrategia de Rutas: Acciones Desglosadas
Para este módulo, optamos por declarar rutas explícitas e independientes para cada acción en lugar de usar un recurso genérico. Esta separación detallada es fundamental para el diseño del software, ya que nos permitirá asociar un permiso específico de seguridad a cada acción en las siguientes etapas del proyecto.
Definimos dos rutas principales que apuntan a sus respectivos controladores:
- Órdenes de Compra: Conecta la dirección web con el método de listado en el controlador de compras temporales (CompraTMPController).
- Compras Oficiales: Conecta la dirección web con el método principal del controlador de compras generales (CompraController).
🏗️ 2. Construcción del Menú Desplegable (Sidebar)
Modificamos la plantilla base del administrador para añadir un nuevo contenedor principal llamado Compras. Para ofrecer una experiencia de usuario limpia y profesional, aplicamos clases de diseño para menús con flechas deslizables (has-arrow y has-sub).
Dentro de este contenedor, estructuramos dos submenús interactivos:
- Orden de Compras: Dirige al usuario al historial de pedidos planificados que están en estado temporal.
- Compras: Dirige al historial de transacciones confirmadas y almacenamiento físico real.
⚡ Control de Estado Activo: Configuramos la lógica de la vista para que el menú principal permanezca expandido y resaltado en color azul no solo cuando el usuario está en el listado, sino también cuando navega en formularios secundarios como la creación o edición (usando validaciones con comodines).
📂 3. Creación de Vistas e Interconexión
Creamos los directorios físicos y los archivos de plantilla necesarios dentro del proyecto para empezar a estructurar la interfaz:
- Estructura Temporal: Diseñamos el archivo de listado para órdenes de compra dentro de su propia carpeta, retornando un mensaje de confirmación en el navegador.
- Estructura Oficial: Implementamos el archivo homólogo para las compras consolidadas.
Con los controladores retornando correctamente cada vista, el sistema ya discrimina con éxito entre los pedidos solicitados al proveedor y la mercadería que ya ingresó físicamente a los almacenes de la farmacia.
💡 Conclusión
La columna vertebral de la navegación para el abastecimiento ya está operativa. Con el menú dinámico respondiendo visualmente y las rutas enlazadas a sus respectivas vistas, el entorno está listo para que en la próxima lección empecemos a programar los formularios y componentes interactivos de gestión.
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! ❤️