Skip to content

web-flash -- Admin Framework and Mobile Website Based on Spring Boot and Vue.js

License

Notifications You must be signed in to change notification settings

enilu/web-flash

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a373f3b · Feb 11, 2024
Dec 26, 2023
Feb 11, 2024
Feb 11, 2024
Jul 25, 2023
Feb 11, 2024
Nov 9, 2021
Mar 9, 2023
Oct 30, 2019
Dec 6, 2019
Dec 26, 2023
Jul 25, 2023

Repository files navigation

前言

Spring Boot vue Node.js element-ui license GitHub release donate Gitee stars GitHub stars Join the chat at https://gitter.im/web-flash/community

  • web-flash是一个基于Spring BootVue.js的web系统,包含了基于element搭建的后台管理系统和基于vux搭建的手机端h5站点
  • web-flash具备后台管理类系统的通用的基础功能,而且提供了基于idea intellij的的代码生成插件,可以一键生成前后端页面。
  • web-flash提供了一个后台管理系统和前端h5站点系统
  • 另提供Material Design风格的单体版:material-admin
  • 另提供web-flash spring cloud版本
  • web-flash提供了基于vue3的前端系统,点击查看

目录说明

  • flash-api 后台api服务
  • flash-vue-admin 基于vuejs的后台管理系统
  • flash-vue-h5 移动端内容系统,基于后台管理CMS内容管理模块的内容进行展示。
  • flash-core 基础模块,包括工具类,dao,service,bean等内容
  • flash-generator 代码生成模块,配合IDEA 代码生成插件webflash-generator使用效果更好
  • flash-workflow 基于activiti实现工作流功能

演示

技术选型

  • 核心框架:Spring Boot
  • 数据库层:Spring data jpa
  • 数据库连接池:Druid
  • 缓存:Ehcache
  • 前端:基于Vue.js的Element(后端)和vux(手机端)
  • 工作流:activiti

包含的功能

web-flash包含了成熟的后台管理功能和手机端h5内容站点系统

  • 部门管理
  • 用户管理
  • 角色管理
  • 菜单管理:配置菜单功能
  • 权限分配:为指定的角色配置特定的功能菜单
  • 参数管理:维护系统参数,并缓存系统参数提供高效的读取
  • 数据字典管理:配置维护数据字典
  • 定时任务管理:编写、配置、执行定时任务
  • 业务日志:通过注解的方式记录用户操作日志,并提供日志查询功能
  • 登录日志:查看用户登录登出日志
  • cms内容管理,配合flash-vue-h5提供了手机端内容展示系统
  • 消息管理:配置消息模板,发送短信,邮件消息
  • 工作流:流程定义,发起申请,待办任务
  • 基于idea插件的代码生成

使用

  • 克隆本项目
  • 导入idea或者eclipse
  • 创建数据库: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;
  • 在开发环境中配置了系统启动后自动创建数据库和初始化数据,所以不需要开发人员手动初始化数据库
  • 确保开发工具下载了lombok插件
  • 修改flash-api中数据库连接配置
  • 启动flash-api,访问http://localhost:8082/swagger-ui.html , 保证api服务启动成功
  • 进入flash-vue-admin目录
  • 后台管理运行效果图: admin
  • 进入flash-vue-h5目录
  • 手机端运行效果图: mobile

打包

mvn package 

install

如果使用代码生成功能,需要首先运行下mvn install 将 flash-generator模块安装到本地maven仓库

mvn install

在线文档

交流

Change Log