项目源码|web-flash 后台管理框架|Vue + Spring Boot · 截图+源码

项目源码|web-flash 后台管理框架|Vue + Spring Boot · 截图+源码-远影归灯
项目源码|web-flash 后台管理框架|Vue + Spring Boot · 截图+源码
登录并消耗 60 积分即可下载完整脱敏源码包(含 SQL / 配置说明)。每日签到可免费领取积分。
60积分
技术栈Spring Boot 2.3 + Vue2 + Element UI + JPA + Shiro/JWT + Activiti + MySQL
文件大小7.2 MB
获取方式积分兑换(签到免费领)
所需积分60 积分
付费资源

这次跑的是开源项目 web-flash(enilu):MIT 协议。前后端分离——后端 Spring Boot 2.3 + Spring Data JPA + Shiro/JWT + Activiti + Ehcache,管理端 Vue 2 + Element UI;另附移动端 H5(vux)与 CMS 内容展示。覆盖用户/角色/菜单/部门权限、字典参数、定时任务、业务与登录日志、CMS 文章/栏目/Banner、消息模板与工作流,并配套 IDEA 代码生成插件。相比站内已发的若依、ELADMIN、youlai 等中后台,本篇侧重「管理后台 + CMS + 工作流」一体的经典 Spring Boot 2 栈,适合权限系统与内容站二次开发练手。

项目信息

  • 项目名称:web-flash 后台管理框架
  • 上游仓库:https://github.com/enilu/web-flash
  • 授权协议:MIT License
  • 版本:上游 master(commit a373f3b);Spring Boot 2.3.11 / Vue 2.6 / Element UI 2.12
  • 后端技术:Java 11、Spring Boot 2.3、Spring Data JPA、Shiro、JWT、Activiti、Ehcache、Druid、MySQL 8、Swagger
  • 前端技术:Vue 2、Vue Router、Vuex、Element UI、ECharts、Axios(管理端);vux(H5)
  • 本地运行:后端 8082,前端开发 9528(均绑定 127.0.0.1)
  • 测试账号:admin / admin;auditUser / 123456

功能亮点

  • 系统管理:用户、角色、部门、菜单、字典、参数、定时任务
  • 权限:基于角色的菜单与按钮授权;JWT 登录态
  • 运维:登录日志、业务操作日志、Druid 监控入口
  • CMS:栏目、文章、Banner、联系人,配合 H5 内容站
  • 消息:消息发送器与模板(邮件/短信)
  • 工作流:Activiti 流程定义、发起申请、待办任务
  • 代码生成:flash-generator + IDEA 插件一键出前后端

运行记录

本地使用 Docker 启动 MySQL 8(仅监听 127.0.0.1:3307),创建库 webflash 后以 ddl-auto=update 建表,并手动导入 import.sql 初始化菜单与管理员。JDK 11 + Maven 将 flash-api 打成可执行 jar 后以 server.address=127.0.0.1 启动;前端 npm install 后 NODE_OPTIONS=--openssl-legacy-provider npm run dev。以 admin 登录后截取了登录页、仪表盘、用户/角色/菜单/部门/字典/参数、定时任务、登录日志、文章与 Banner 等界面。

源码包已去除 node_modules、target、.git 与 IDE 配置;邮件口令与数据库口令替换为占位符;保留 import.sql 与 RUN-DEMO.md。

源码下载:本篇完整源码包(springboot-web-flash.zip,约 7.2 MB)支持积分兑换。登录后每日签到即可免费领积分,请通过本文顶部 「付费资源」下载卡片 直接兑换获取。

运行截图

登录页

web-flash 登录页

仪表盘

web-flash 仪表盘

用户管理

用户管理

角色管理

角色管理

菜单管理

菜单管理

部门管理

部门管理

字典管理

字典管理

参数管理

参数管理

定时任务

定时任务

登录日志

登录日志

文章管理

文章管理

Banner 管理

Banner 管理

本地部署步骤(摘要)

  1. 准备 MySQL 8,创建库 webflash 与用户,导入 flash-api/src/main/resources/import.sql
  2. 修改 application-dev.yml 中的数据库口令,然后 mvn -DskipTests package 启动 flash-api(端口 8082)
  3. cd flash-vue-admin && npm install && npm run dev(Node 17+ 加 openssl-legacy-provider)
  4. 浏览器打开 http://127.0.0.1:9528 ,使用 admin / admin 登录

更完整说明见源码包内 RUN-DEMO.md。

小结

web-flash 的特色是「经典 Spring Boot 2 中后台 + CMS + Activiti 工作流」打包齐全:Shiro/JWT 鉴权、部门角色菜单、定时任务与日志、内容管理与消息模板一应俱全,前端基于 Vue 2 + Element UI。适合课程/毕业设计与企业内部管理系统二次开发;上线前请替换默认账号、邮件与数据库口令。本站提供的是脱敏后的完整源码包,方便本地复现截图中的界面。

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容