基于Spring Boot+Vue.js的后台管理系统

devtools/2025/1/23 23:29:45/
  • 包含了基于element搭建的后台管理系统和基于vux搭建的手机端h5站点
  • 具备后台管理类系统的通用的基础功能,而且提供了基于idea intellij的的代码生成插件,可以一键生成前后端页面。
  • 提供了一个后台管理系统和前端h5站点系统

目录说明

  • 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

包含的功能

包含了成熟的后台管理功能和手机端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.npmmirror.com
    • 运行npm run dev
    • 启动成功后访问 http://localhost:9528 ,登录,用户名密码:admin/admin
  • 后台管理运行效果图: 

    admin

  • 进入flash-vue-h5目录
    • 运行 npm install --registry=https://registry.npmmirror.com
    • 运行npm run dev
    • 启动成功后访问 http://localhost:8088/#/index
  • 手机端运行效果图: 

    mobile

打包

mvn package 

install

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

mvn install

http://www.ppmy.cn/devtools/152988.html

相关文章

Haskell语言的数据可视化

Haskell语言的数据可视化 引言 在当今的数据驱动世界,数据可视化已经成为理解和分析数据的重要工具。从商业决策到科研分析,数据可视化帮助我们轻松把握复杂数据背后的信息。而在众多编程语言中,Haskell以其独特的函数式编程特性和强大的类…

ELK介绍

ELK 是由三个开源项目组成的日志管理解决方案,分别是 Elasticsearch、Logstash 和 Kibana。这三个工具协同工作,提供强大的日志收集、处理、存储和可视化能力。通常,ELK 被用于大规模的日志分析和数据监控,帮助开发人员和运维团队…

win32汇编环境,怎么得到磁盘的盘符

;运行效果 ;win32汇编环境,怎么得到磁盘的盘符 ;以下代码主要为了展示一下原理,应用GetLogicalDrives、GetLogicalDriveStrings函数、屏蔽某些二进制位、按双字节复制内容等。以下代码最多查8个盘,即返回值中的1个字节的信息 ;直接抄进RadAsm可编译运行。…

STM32_SD卡的SDIO通信_基础读写

本篇将使用CubeMXKeil, 创建一个SD卡读写的工程。 目录 一、SD卡要点速读 二、SDIO要点速读 三、SD卡座接线原理图 四、CubeMX新建工程 五、CubeMX 生成 SD卡的SDIO通信部分 六、Keil 编辑工程代码 七、实验效果 实现效果,如下图: 一、SD卡 速读…

linux虚拟机连接不上Xshell

本文介绍了在尝试通过Xshell连接Linux虚拟机时遇到的问题及解决方案。错误表现为无法连接到指定IP的SSH服务。常规检查包括确认网络连通性、防火墙状态和SSH服务状态。作者发现问题根源在于虚拟机的网络配置错误,子网配置与分配的IP地址不匹配。修复网络配置后&…

java微服务的异常

1.依赖异常 须知: 【 如果项目的结构是单个模块的,需要给每个单个模块添加起步依赖 spring-boot-starter-parent,指定版本 】 【 如果项目的结构是子父模块的,只需要给父模块添加起步依赖 spring-boot-starter-parent,…

Apache Hive--排序函数解析

在大数据处理与分析中,Apache Hive是一个至关重要的数据仓库工具。其丰富的函数库为数据处理提供了诸多便利,排序函数便是其中一类非常实用的工具。通过排序函数,我们能够在查询结果集中为每一行数据分配一个排名值,这对于数据分析…

前端如何实现分页

前言 虽然在实际开发中,大多数分页都是由后端处理,但还是有小部分场景需要前端来实现分页。 实现并不难,仅作为记录,方便下次拿来直接使用。 准备数据源 数据源可以是从后端获取的数据列表,也可以是前端模拟的数据集…