前言

• 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 '[email protected]BC';
     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
• QQ:752844606

Change Log