Diagrama de arquitectura de cuatro capas del sistema

Este sistema adopta una arquitectura B/S con interfaz y backend separadas, dividida de arriba abajo en una capa de interacción con el usuario, una capa de lógica de aplicación, una capa de servicio de datos y una capa de infraestructura. La interfaz utiliza Vue 3 + TypeScript + Vite y Three.js r153 para implementar la interacción visual 3D e integra Pinia para la gestión del estado. El backend se comunica eficientemente con Protocol Buffers mediante API RESTful e integra IndexedDB para el almacenamiento en caché sin conexión. La capa de infraestructura utiliza JWT, AES, RBAC y HTTPS para garantizar la autenticación de seguridad y la programación de recursos, y admite aplicaciones de escritorio multiplataforma Electron.