【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架

本期给大家推荐我自己写一个开源项目:Asurplus-VUE,本着减少大量重复开发工作的原则,使得在项目中能够实现快速开发

1、前言

本项目本着避免重复造轮子的原则,建立一套快速开发JavaWEB项目(Asurplus-VUE),能满足大部分后台管理系统基础开发功能,使得开发人员直接可从业务模块开始,减少大量的重复开发工作。前端框架使用 ruoyi-vue(https://gitee.com/y_project/RuoYi-Vue)

2、项目地址

https://gitee.com/asurplus/asurplus-vue

项目我已经上传至码云(gitee)平台,如果对你有帮助,希望可以给个 star!

3、技术栈

  • 1、后端
  1. 后端采用 SpringBoot + MyBatis-Plus 为主的一个架构。
  2. 权限控制采用 Sa-Token 框架,这是一个新的框架,文档地址:https://sa-token.dev33.cn/doc/index.html#/,Sa-Token 是一个轻量级 Java 权限认证框架,主要解决:登录认证、权限认证、Session 会话、单点登录、OAuth2.0、微服务网关鉴权 等一系列权限相关问题。
  3. 数据库依然采用的是MySQL,然后连接池换成了 Alibab 的 Druid,在数据监控模块也集成了它的监控页面。
  4. 缓存框架采用的是 Redis,使用 Sa-Token 与 Redis 相整合,还有验证码模块也会用到 Redis。
  5. 文件上传依然采用的是Minio,依然是那么的好用。
  • 2、前端
  1. 采用的模板是 Ruoyi-vue 中的 ruoyi-ui 模板,进行了自己的改造,然后有了 asurplus-ui。
  2. 前端的使用文档可以参照 ruoyi-ui 的项目文档,http://doc.ruoyi.vip/ruoyi-vue/。

4、安装教程

  • 1、后端
  1. 下载项目源码后,将pom.xml文件右键,选择 Add maven project,添加成Maven项目,才会进行Maven依赖下载。
  2. 本项目使用了lombok插件,需要先安装lombok插件。
  3. 在db目录中找到SQL文件,在MySQL中新建数据库:asurplus-vue,导入数据库文件。
  4. 修改配置文件中的MySQL连接信息为自己的,修改Redis连接信息为自己的,修改Minio连接信息为自己的。
  5. 接下来就可以启动后端项目了。
  • 2、前端
  1. 打开控制台Terminal,进入到asurplus-ui目录。
  2. 同样,我们vue项目也需要下载对应的依赖,推荐使用命令:npm install --registry=https://registry.npm.taobao.org 命令安装依赖,不然会遇到各种各样的问题。
  3. 启动后端项目,输入命令:npm run dev,等待启动完成,会自动打开浏览器访问,也可以自己输入访问地址:localhost:80,即可访问。
  4. 超级管理员的账户密码为:admin,123456。

5、内置功能

  1. 系统模板:没什么好说的, 就是用户 - 角色 - 菜单权限。
  2. 数据监控:记录了登录日志,操作日志(SysLog注解 + AOP 实现的),数据监控(Druid),定时任务(Quartz),服务监控(Server),缓存监控(Redis)。
  3. 系统配置:参数配置(系统中使用的一些可变参数的配置,通过参数名拿到参数值),APP版本(不用管,我自己写项目的时候使用的)。
  4. 系统工具:表单构建(使用拖拉拽的方式生成vue表单),代码生成(通过在MySQL建立表后,导入到代码生成中,修改对应的配置信息,可自动生成对应的后端CRUD代码和前端VUE代码),接口文档(Knife4j)。

6、页面展示

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第1张图片

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第2张图片

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第3张图片

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第4张图片

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第5张图片

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第6张图片

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第7张图片

【SpringBoot】五十三、SpringBoot+VUE后台管理系统开发脚手架_第8张图片

如您在阅读中发现不足,欢迎留言!!!

你可能感兴趣的:(java,后端,spring,boot,vue.js,java)