Vorwort
- Web-Flash ist ein auf Spring Boot und Vue.js basierendes Websystem. Es umfasst ein auf Element basierendes Backend-Verwaltungssystem und eine auf Vux basierende mobile H5-Site.
- Web-Flash verfügt über gemeinsame Grundfunktionen von Back-End-Verwaltungssystemen und bietet ein auf Idea Intellij basierendes Code-Generierungs-Plug-In, mit dem Front-End- und Back-End-Seiten mit einem Klick generiert werden können.
- Web-Flash bietet ein Back-End-Managementsystem und ein Front-End-H5-Site-System
- Es wird auch eine einzige Version des Material Design-Stils bereitgestellt: material-admin
- Eine Web-Flash-Spring-Cloud-Version ist ebenfalls verfügbar
- Darüber hinaus bietet Web-Flash ein Front-End-System basierend auf vue3. Klicken Sie hier, um es anzuzeigen
Katalogbeschreibung
- Flash-API-Hintergrund-API-Dienst
- flash-vue-admin Backend-Managementsystem basierend auf VueJS
- Das mobile Content-System flash-vue-h5 zeigt Inhalte basierend auf dem Content-Management-Modul des Hintergrundmanagement-CMS an.
- Flash-Core-Basismodul, einschließlich Werkzeugklassen, Dao, Service, Beans usw.
- Das Flash-Generator-Codegenerierungsmodul funktioniert besser mit dem IDEA-Codegenerierungs-Plug-in Webflash-Generator.
- flash-workflow implementiert Workflow-Funktionen basierend auf Aktivitäten
Demo
- Backend-Management (vue-Version) http://flashadmin.enilu.cn
- Mobile Version http://flash-mobile.enilu.cn/#/index Öffnen Sie den Browser und verwenden Sie zum Durchsuchen den mobilen Ansichtsmodus im Debug-Modus
Technologieauswahl
- Kern-Framework: Spring Boot
- Datenbankschicht: Spring Data JPA
- Datenbankverbindungspool: Druid
- Cache: Ehcache
- Frontend: Element (Backend) und Vux (mobiles Terminal) basierend auf Vue.js
- Workflow:Aktivität
Funktionen enthalten
Web-Flash umfasst ausgereifte Hintergrundverwaltungsfunktionen und ein mobiles H5-Content-Site-System
- Abteilungsleitung
- Benutzerverwaltung
- Rollenmanagement
- Menüverwaltung: Menüfunktionen konfigurieren
- Berechtigungszuweisung: Konfigurieren Sie bestimmte Funktionsmenüs für bestimmte Rollen
- Parameterverwaltung: Systemparameter verwalten und Systemparameter zwischenspeichern, um ein effizientes Lesen zu ermöglichen
- Datenwörterbuchverwaltung: Datenwörterbuch konfigurieren und verwalten
- Geplante Aufgabenverwaltung: Geplante Aufgaben schreiben, konfigurieren und ausführen
- Geschäftsprotokoll: Zeichnen Sie Benutzerbetriebsprotokolle durch Anmerkungen auf und stellen Sie Protokollabfragefunktionen bereit
- Anmeldeprotokoll: Benutzeranmelde- und Abmeldeprotokolle anzeigen
- CMS-Content-Management bietet in Kombination mit flash-vue-h5 ein mobiles Content-Anzeigesystem
- Nachrichtenverwaltung: Nachrichtenvorlagen konfigurieren, Textnachrichten und E-Mail-Nachrichten senden
- Arbeitsablauf: Prozessdefinition, Anwendungsinitiierung, zu erledigende Aufgaben
- Codegenerierung basierend auf Ideen-Plug-in
verwenden
- Klonen Sie dieses Projekt
- Idee oder Eclipse importieren
- Datenbank erstellen: 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;
- Die Entwicklungsumgebung ist so konfiguriert, dass die Datenbank nach dem Systemstart automatisch erstellt und Daten initialisiert werden, sodass Entwickler die Datenbank nicht manuell initialisieren müssen.
- Stellen Sie sicher, dass die Entwicklungstools das Lombok-Plug-in herunterladen
- Ändern Sie die Datenbankverbindungskonfiguration in Flash-API
- Starten Sie flash-api und besuchen Sie http://localhost:8082/swagger-ui.html, um sicherzustellen, dass der API-Dienst erfolgreich gestartet wird.
- Geben Sie das Verzeichnis flash-vue-admin ein
- Führen Sie npm install --registry=https://registry.npmmirror.com aus
- Führen Sie npm aus und führen Sie dev aus
- Besuchen Sie nach erfolgreichem Start http://localhost:9528, melden Sie sich an, Benutzername und Passwort: admin/admin
- Renderings von Hintergrundverwaltungsvorgängen:
- Geben Sie das Verzeichnis flash-vue-h5 ein
- Führen Sie npm install --registry=https://registry.npmmirror.com aus
- Führen Sie npm aus und führen Sie dev aus
- Besuchen Sie nach erfolgreichem Start http://localhost:8088/#/index
- Darstellungen des Betriebs mobiler Endgeräte:
Pack
installieren
Wenn Sie die Codegenerierungsfunktion verwenden, müssen Sie zuerst mvn install ausführen, um das Flash-Generator-Modul im lokalen Maven-Repository zu installieren.
Online-Dokumentation
kommunizieren
- Gitter: Gitterkanal
- QQ:752844606
Änderungsprotokoll