Introducción del proyecto: Este proyecto implementa un sistema de oficina en línea para gestionar los asuntos diarios de la oficina: aprobación de procesos diarios, noticias, avisos, anuncios, información de archivos, finanzas, personal, gastos, activos, administración, proyectos, oficina móvil, etc. Fácil de gestionar mediante software. Este proyecto se basa en Vue + Spring Boot para crear un proyecto de separación de front-end y back-end. En pocas palabras, la idea central de la separación de front-end y back-end es que la página de front-end llama a la API restuful de back-end para la interacción de datos a través de ajax, mientras que una aplicación de una sola página (aplicación web de una sola página, SPA) Tiene solo una página y cuando el usuario interactúa con la aplicación. Una aplicación web que actualiza dinámicamente la página de vez en cuando.
1. Arquitectura Técnica
2. Arquitectura técnica de front-end
Este proyecto adopta el modo de desarrollo de separación de front-end y back-end, y utiliza Spring Boot para construir el back-end. Los módulos front-end se dividen en: inicio de sesión, gestión de puestos, gestión de títulos, gestión de departamentos, calendario del operador, gestión de empleados, gestión de cuentas salariales, centro personal, chat en línea.
Las tecnologías utilizadas en el front end son:
Construcción del proyecto: Vue-cli
Gestión estatal: Vuex
Gestión de enrutamiento: VueRouter
Interfaz UI: ElementoUI
Marco de comunicación: Axios
Sintaxis de interfaz de usuario: ES6
Embalaje: paquete web
Chat en vivo: WebSocket
Fuente: fuente impresionante
Carga y descarga de archivos: js-file-download
Proyecto de código abierto de chat en línea: vue-chat
3. Arquitectura técnica de back-end
Marco de desarrollo principal de back-end: SpringBoot+Spring MVC+MyBatisPlus. Utilice Spring Security para autenticación de seguridad y gestión de autoridad, Redis para almacenamiento en caché, RabbitMq para enviar correos electrónicos, utilice EasyPOI para importar y exportar datos de empleados y utilice WebSocket para chatear en línea
Marco de seguridad: seguridad de primavera
Ficha: JWT
Código de verificación gráfico: Kaptcha
Caché: redis
Importación y exportación de documentos: EasyPOI
Message Queuing: RabbitMQ realiza procesamiento asincrónico y envía correos electrónicos
Componente de correo: correo
Chat en vivo: WebSocket
Servidor de archivos: FastDFS
Base de datosMySQL+Redis