前言

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

目录说明

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

演示

后台管理(vue版本) http://flash-admin.enilu.cn
手机端 http://flash-mobile.enilu.cn/#/index 打开浏览器后使用debug模式的手机视图模式浏览

技术选型

核心框架：Spring Boot
数据库层：Spring data jpa
数据库连接池：Druid
缓存：Ehcache
前端：基于Vue.js的Element（后端）和vux（手机端）

包含的功能

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目录
- 运行 npm install --registry=https://registry.npm.taobao.org
- 运行npm run dev
- 启动成功后访问 http://localhost:9528 ,登录，用户名密码:admin/admin
后台管理运行效果图：
进入flash-vue-h5目录
- 运行 npm install --registry=https://registry.npm.taobao.org
- 运行npm run dev
- 启动成功后访问 http://localhost:8088/#/index
手机端运行效果图：

在线文档

http://enilu.github.io/web-flash
国内加速版：http://enilu.gitee.io/web-flash

交流

关注公众号：嗨客帝国，点击对应的项目菜单进群交流。

社区提问
Gitter: Gitter channel

Change Log

richahuang/web-flash

前言

目录说明

演示

技术选型

包含的功能

使用

在线文档

交流