/web-flash

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

Primary LanguageJavaMIT LicenseMIT

前言

Spring Boot vue 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

目录说明

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

演示

技术选型

  • 核心框架: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目录
  • 后台管理运行效果图: admin
  • 进入flash-vue-h5目录
  • 手机端运行效果图: mobile

在线文档

交流

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

公众号二维码

Change Log