Préface
- web-flash est un système web basé sur Spring Boot et Vue.js. Il comprend un système de gestion backend basé sur element et un site mobile h5 basé sur vux.
- web-flash possède des fonctions de base communes aux systèmes de gestion back-end et fournit un plug-in de génération de code basé sur idea intellij, qui peut générer des pages front-end et back-end en un seul clic.
- web-flash fournit un système de gestion back-end et un système de site h5 front-end
- Une version unique du style Material Design est également fournie : material-admin
- Une version web-flash Spring Cloud est également fournie
- De plus, web-flash fournit un système frontal basé sur vue3, cliquez pour voir
Descriptif du catalogue
- service API d'arrière-plan flash-api
- flash-vue-admin Système de gestion backend basé sur vuejs
- Le système de contenu mobile flash-vue-h5 affiche le contenu basé sur le module de gestion de contenu CMS de gestion en arrière-plan.
- module de base flash-core, comprenant les classes d'outils, dao, service, beans, etc.
- Le module de génération de code du générateur flash fonctionne mieux avec le plug-in de génération de code IDEA webflash-generator.
- flash-workflow implémente des fonctions de workflow basées sur l'activité
Démo
- Gestion du backend (version vue) http://flashadmin.enilu.cn
- Version mobile http://flash-mobile.enilu.cn/#/index Ouvrez le navigateur et utilisez le mode d'affichage mobile en mode débogage pour parcourir
Sélection technologique
- Framework de base : Spring Boot
- Couche de base de données : données Spring jpa
- Pool de connexions à la base de données : Druide
- Cache : Ehcache
- Front-end : Element (back-end) et vux (terminal mobile) basés sur Vue.js
- Flux de travail : activités
Fonctionnalités incluses
Web-Flash comprend des fonctions de gestion d'arrière-plan matures et un système de site de contenu mobile h5
- Gestion du département
- Gestion des utilisateurs
- gestion des rôles
- Gestion des menus : configurer les fonctions du menu
- Attribution d'autorisation : configurer des menus de fonctions spécifiques pour des rôles spécifiés
- Gestion des paramètres : conserver les paramètres du système et mettre en cache les paramètres du système pour fournir une lecture efficace
- Gestion du dictionnaire de données : configurer et maintenir le dictionnaire de données
- Gestion des tâches planifiées : écriture, configuration et exécution de tâches planifiées
- Journal d'entreprise : enregistrez les journaux d'opérations des utilisateurs via des annotations et fournissez des fonctions de requête de journaux
- Journal de connexion : afficher les journaux de connexion et de déconnexion des utilisateurs
- La gestion de contenu CMS, combinée à flash-vue-h5, fournit un système d'affichage de contenu mobile
- Gestion des messages : configurez des modèles de messages, envoyez des messages texte et des e-mails
- Workflow : définition du processus, lancement de l'application, tâches à effectuer
- Génération de code basée sur un plug-in d'idée
utiliser
- Cloner ce projet
- Importer une idée ou une éclipse
- Créer une base de données : web-flash
CREATE DATABASE IF NOT EXISTS webflash DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
CREATE USER ' webflash '@ ' % ' IDENTIFIED BY ' webflash190602@ABC ' ;
GRANT ALL privileges ON webflash. * TO ' webflash ' @ ' % ' ;
flush privileges;
- L'environnement de développement est configuré pour créer automatiquement la base de données et initialiser les données après le démarrage du système, de sorte que les développeurs n'ont pas besoin d'initialiser manuellement la base de données.
- Assurez-vous que les outils de développement téléchargent le plug-in Lombok
- Modifier la configuration de connexion à la base de données dans flash-api
- Démarrez flash-api et visitez http://localhost:8082/swagger-ui.html pour vous assurer que le service API démarre correctement.
- Entrez dans le répertoire flash-vue-admin
- Exécutez npm install --registry=https://registry.npmmirror.com
- Exécutez npm, exécutez le développement
- Après un démarrage réussi, visitez http://localhost:9528, connectez-vous, nom d'utilisateur et mot de passe : admin/admin
- Rendus des opérations de gestion d'arrière-plan :
- Entrez dans le répertoire flash-vue-h5
- Exécutez npm install --registry=https://registry.npmmirror.com
- Exécutez npm, exécutez le développement
- Après un démarrage réussi, visitez http://localhost:8088/#/index
- Rendus de fonctionnement du terminal mobile :
Paquet
installer
Si vous utilisez la fonction de génération de code, vous devez d'abord exécuter mvn install pour installer le module flash-generator dans le référentiel maven local.
Documentation en ligne
communiquer
- Gitter : canal Gitter
- QQ:752844606
Journal des modifications