Introduction du projet : Ce projet met en œuvre un système de bureau en ligne pour gérer les affaires quotidiennes du bureau : approbation des processus quotidiens, actualités, avis, annonces, informations sur les dossiers, finances, personnel, dépenses, actifs, administration, projets, bureau mobile, etc. Facile à gérer via un logiciel. Ce projet est basé sur Vue+Spring Boot pour construire un projet de séparation front-end et back-end. En termes simples, l'idée centrale de la séparation front-end et back-end est que la page front-end appelle l'API restuful back-end pour l'interaction des données via ajax, tandis qu'une application à page unique (application Web à page unique, SPA) n'a qu'une seule page, et lorsque l'utilisateur interagit avec l'application, une application Web qui met à jour dynamiquement la page de temps en temps.
1. Architecture technique
2. Architecture technique frontale
Ce projet adopte le mode de développement de séparation front-end et back-end et utilise Spring Boot pour créer le back-end. Les modules front-end sont divisés en : connexion, gestion des postes, gestion des titres, gestion des départements, calendrier des opérateurs, gestion des employés, gestion des comptes salaires, centre personnel, chat en ligne.
Les technologies utilisées en front-end sont :
Construction du projet : Vue-cli
Gestion de l'état : Vuex
Gestion du routage : VueRouter
Interface utilisateur:ElementUI
Cadre de communication : Axios
Syntaxe frontale : ES6
Conditionnement : Webpack
Chat en direct : WebSocket
Police : police géniale
Téléchargement et téléchargement de fichiers : js-file-download
Projet open source de chat en ligne : vue-chat
3. Architecture technique back-end
Cadre de développement grand public back-end : SpringBoot+Spring MVC+MyBatisPlus. Utilisez Spring Security pour l'authentification de sécurité et la gestion des autorités, Redis pour la mise en cache, RabbitMq pour l'envoi d'e-mails, utilisez EasyPOI pour importer et exporter les données des employés et utilisez WebSocket pour le chat en ligne.
Cadre de sécurité : Spring Security
Jeton : JWT
Code de vérification graphique : Kaptcha
Cache : redis
Import et export de documents : EasyPOI
Message Queuing : RabbitMQ effectue un traitement asynchrone et envoie des e-mails
Composant de messagerie : Mail
Chat en direct : WebSocket
Serveur de fichiers : FastDFS
Base de donnéesMySQL+Redis