Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • demeter demeter
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 9
    • Issues 9
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Manuel de Blas
  • demeterdemeter
  • Wiki
    • 11.manual de desarrollador
  • 11.3 Estructura del frontend

Last edited by ManuelDeBlas Nov 20, 2025
Page history

11.3 Estructura del frontend

El código fuente del frontend está organizado en carpetas según el tipo de contenido. La aplicación está desarrollada con Options API de Vue 3, excepto los composables, que utilizan Composition API.

  • assets: Contiene imágenes.
  • components: Componentes reutilizables que se integran en las vistas.
  • composables: Funciones reutilizables con lógica de paginación y búsquedas. Es la única parte escrita usando Composition API.
  • config: Define la ruta de acceso a la API.
  • constants: Constantes utilizadas en la aplicación.
  • router: Lógica de enrutamiento y control de acceso según roles de usuario.
  • scss: Estilos específicos de la aplicación.
  • stores: Contiene un store genérico (fabricaStore.js) y un store por cada entidad de la API utilizada en el frontend, además de uno para la autenticación (auth.js).
  • utils: Funciones generales que se utilizan en varias partes del código.
  • views: Vistas de la aplicación, correspondientes a las páginas que dispone la interfaz de usuario.
Clone repository
  1. Especificación y formulación del problema
    1. Introducción
    2. Definición del problema
    3. Descripción del proceso actual
    4. Actores
    5. Alcance y limitaciones
    6. Analistas
  2. Estudio de Viabilidad del Sistema (EVS)
    1. Mind Map
    2. Impact Map
    3. Alternativas
      1. Sage HR
      2. OrangeHRM
      3. Deméter
      4. Matriz de decisión
  3. Especificación de Requisitos del Sistema (ERS)
    1. Planificación
    2. Historias de Usuario
    3. Product Backlog
    4. Diseño de la Interfaz de Usuario
    5. Diagramas
  4. Definición del MVP
  5. Sprint 1
    1. Sprint Planning
    2. Sprint Review
    3. Sprint Retrospective
  6. Sprint 2
    1. Sprint Planning
    2. Plan de pruebas
    3. Sprint Review
    4. Sprint Retrospective
  7. Sprint 3
    1. Sprint Planning
    2. Sprint Review
    3. Sprint Retrospective
  8. Sprint 4
    1. Sprint Planning
    2. Plan de pruebas
    3. Sprint Review
    4. Sprint Restrospective
  9. Sprint 5
    1. Sprint Planning
    2. Plan de Pruebas
    3. Sprint Review
    4. Sprint Retrospective
  10. Despliegue
  11. Manual de desarrollador
    1. Guía de instalación
    2. Estructura del backend
    3. Estructura del frontend
    4. Librerías
  12. Conclusiones
  13. Siglas
  14. Referencias