Prefacio
- web-flash es un sistema web basado en Spring Boot y Vue.js. Incluye un sistema de gestión backend basado en element y un sitio móvil h5 basado en vux.
- web-flash tiene funciones básicas comunes de los sistemas de administración de back-end y proporciona un complemento de generación de código basado en idea intellij, que puede generar páginas de front-end y back-end con un solo clic.
- web-flash proporciona un sistema de gestión back-end y un sistema de sitio h5 front-end
- También se proporciona una única versión del estilo Material Design: material-admin
- También se proporciona una versión web-flash Spring Cloud.
- Además, web-flash proporciona un sistema front-end basado en vue3, haga clic para ver
Descripción del catálogo
- servicio de API en segundo plano flash-api
- flash-vue-admin Sistema de gestión backend basado en vuejs
- El sistema de contenido móvil flash-vue-h5 muestra contenido basado en el módulo de administración de contenido CMS de administración en segundo plano.
- Módulo básico flash-core, que incluye clases de herramientas, dao, servicio, beans, etc.
- El módulo de generación de código flash-generator funciona mejor con el complemento de generación de código IDEA webflash-generator.
- flash-workflow implementa funciones de flujo de trabajo basadas en actividades
Manifestación
- Gestión de backend (versión vue) http://flashadmin.enilu.cn
- Versión móvil http://flash-mobile.enilu.cn/#/index Abra el navegador y use el modo de vista móvil en modo de depuración para navegar
Selección de tecnología
- Marco central: Spring Boot
- Capa de base de datos: Spring data jpa
- Grupo de conexiones de base de datos: Druida
- Caché: Ehcache
- Front-end: Elemento (back-end) y vux (terminal móvil) basado en Vue.js
- Flujo de trabajo: actividades
Funciones incluidas
web-flash incluye funciones de gestión de fondo maduras y un sistema de sitio de contenido móvil h5
- Gestión del departamento
- Gestión de usuarios
- gestión de roles
- Gestión de menús: configurar funciones del menú
- Asignación de permisos: configurar menús de funciones específicas para roles específicos
- Gestión de parámetros: mantenga los parámetros del sistema y los parámetros del sistema en caché para proporcionar una lectura eficiente
- Gestión del diccionario de datos: configurar y mantener el diccionario de datos
- Gestión de tareas programadas: escribir, configurar y ejecutar tareas programadas
- Registro comercial: registre registros de operaciones de usuarios a través de anotaciones y proporcione funciones de consulta de registros
- Registro de inicio de sesión: vea los registros de inicio y cierre de sesión del usuario
- La gestión de contenidos CMS, combinada con flash-vue-h5, proporciona un sistema de visualización de contenidos móviles
- Gestión de mensajes: configure plantillas de mensajes, envíe mensajes de texto y mensajes de correo electrónico
- Flujo de trabajo: definición de procesos, inicio de aplicaciones, tareas pendientes
- Generación de código basada en el complemento de ideas.
usar
- Clonar este proyecto
- Importar idea o eclipse
- Crear base de datos: 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;
- El entorno de desarrollo está configurado para crear automáticamente la base de datos e inicializar los datos después de que se inicia el sistema, por lo que los desarrolladores no necesitan inicializar la base de datos manualmente.
- Asegúrese de que las herramientas de desarrollo descarguen el complemento lombok
- Modificar la configuración de conexión de la base de datos en flash-api
- Inicie flash-api y visite http://localhost:8082/swagger-ui.html para asegurarse de que el servicio api se inicie correctamente.
- Ingrese al directorio flash-vue-admin
- Ejecute npm install --registry=https://registry.npmmirror.com
- Ejecutar npm ejecutar dev
- Después de un inicio exitoso, visite http://localhost:9528, inicie sesión, nombre de usuario y contraseña: admin/admin
- Representaciones de operaciones de gestión de fondo:
- Ingrese al directorio flash-vue-h5
- Ejecute npm install --registry=https://registry.npmmirror.com
- Ejecutar npm ejecutar dev
- Después de un inicio exitoso, visite http://localhost:8088/#/index
- Representaciones de operación de terminal móvil:
Embalar
instalar
Si utiliza la función de generación de código, primero debe ejecutar mvn install para instalar el módulo generador de flash en el repositorio local de maven.
Documentación en línea
comunicar
- Gitter: canal Gitter
- Pregunta: 752844606
Registro de cambios