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

server/2025/1/23 16:32:36/
  • 包含了基于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/server/160788.html

相关文章

数据结构——堆(介绍,堆的基本操作、堆排序)

我是一个计算机专业研0的学生卡蒙Camel🐫🐫🐫(刚保研) 记录每天学习过程(主要学习Java、python、人工智能),总结知识点(内容来自:自我总结网上借鉴&#xff0…

css动画水球图

由于echarts水球图动画会导致ios卡顿&#xff0c;所以纯css模拟 展示效果 组件 <template><div class"water-box"><div class"water"><div class"progress" :style"{ --newProgress: newProgress % }"><…

【Day24 LeetCode】贪心Ⅱ

一、贪心Ⅱ 1、买卖股票的最佳时机 II 122 这题第一想法是使用动态规划做&#xff0c;每天有两个状态&#xff0c;持有股票和非持有股票&#xff0c;每次计算这两个状态下的最优值。 class Solution { public:int maxProfit(vector<int>& prices) {//表示当前 没有…

学习golang语言时遇到的难点语法

作者是java选手&#xff0c;实习需要转go&#xff0c;记录学习go中遇到的一些与java不同的语法。 defer defer特性 1. 关键字 defer 用于注册延迟调用。 2. 这些调用直到 return 前才被执。因此&#xff0c;可以用来做资源清理。 3. 多个defer语句&#xff0c;按先进…

知识蒸馏:大模型智慧的传承与精炼

知识蒸馏 在学校DeepSeek的技术文章,对于其中的“基于 Qwen 和 Llama 从 DeepSeek-R1 中提炼出的六个稠密模型(1.5B、7B、 8B、14B、32B、70B参数规模)”,有点困惑所以详细的学习和研究了一下。 知识蒸馏是什么 知识蒸馏是一种将知识从一个较大、较复杂的教师模型转移到一…

2024年博客之星主题创作|2024年度感想与新技术Redis学习

Redis工具深入了解 1.引言与感想2.Redis工具了解2.分布式系统了解2.1单机架构2.2分布式是什么2.3应用服务和数据库服务分离2.4引入更多的应用服务器2.5理解负载均衡器2.6数据库读写分离2.7引入缓存2.8数据库分库分表2.9引入微服务2.10分布式系统小结 1.引言与感想 2024学习了很…

如何使用 some() 方法检查数组中是否有元素满足条件?

数组遍历相关问题&#xff1a;如何使用 some() 方法检查数组中是否有元素满足条件&#xff1f; 在 JavaScript 中&#xff0c;数组是我们常常需要操作的数据结构。some() 方法是数组的一个常用遍历方法&#xff0c;用于检查数组中是否有至少一个元素满足指定的条件。它通过回调…

209. 长度最小的子数组

给定一个含有 n 个正整数的数组和一个正整数 target 。 找出该数组中满足其总和大于等于 target 的长度最小的 子数组 [numsl, numsl1, …, numsr-1, numsr] &#xff0c;并返回其长度。如果不存在符合条件的子数组&#xff0c;返回 0 。 C class Solution { public:int min…