若依：一个基于Spring Boot、Spring Security、JWT、Vue和Element的全部开源快速开发平台

最新推荐文章于 2025-06-24 10:44:53 发布

前端组件开发

最新推荐文章于 2025-06-24 10:44:53 发布

阅读量1.2k

点赞数 15

CC 4.0 BY-SA版权

文章标签： spring boot vue.js 开源后端前端 elementui html5

本文链接：https://blog.youkuaiyun.com/chenchuang0128/article/details/137416281

若依后台管理系统：一个基于Spring Boot、Spring Security、JWT、Vue和Element的全部开源快速开发平台

一、引言

随着软件开发技术的发展，前后端分离的开发模式逐渐成为主流。这种模式能够提高开发效率，降低维护成本，使前后端工程师可以专注于各自领域的技术。若依就是一套基于Spring Boot、Spring Security、JWT、Vue和Element的权限管理系统，同时提供了Vue3的版本。

二、技术栈概览

若依系统采用了一系列先进的技术栈，包括前端Vue和Element UI，后端Spring Boot、Spring Security、Redis和JWT。这些技术都经过了广泛的应用和验证，为系统提供了强大的功能和性能。

前端技术：Vue和Element UI

Vue是一种流行的前端框架，用于构建用户界面。它提供了响应式的数据绑定和组件化的开发方式，使得前端开发更加高效。Element UI是一套为Vue设计的桌面端UI组件库，提供了丰富的界面元素和功能，方便快速构建美观的前端界面。

后端技术：Spring Boot、Spring Security、Redis和JWT

后端方面，若依采用了Spring Boot框架，它使得基于Java的应用程序开发更加简单。Spring Security提供了强大的安全功能，包括用户认证和授权。Redis用作缓存系统，提高了系统的性能和响应速度。JWT（JSON Web Token）用于权限认证，支持多终端认证系统。

平台简介

若依是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。

前端采用Vue、Element UI。
后端采用Spring Boot、Spring Security、Redis & Jwt。
权限认证使用Jwt，支持多终端认证系统。
支持加载动态权限菜单，多方式轻松权限控制。
高效率开发，使用代码生成器可以一键生成前后端代码。
提供了技术栈（Vue3 Element Plus Vite）版本RuoYi-Vue3，保持同步更新。
提供了单应用版本RuoYi-Vue-fast，Oracle版本RuoYi-Vue-Oracle，保持同步更新。
不分离版本，请移步RuoYi，微服务版本，请移步RuoYi-Cloud

内置功能

用户管理：用户是系统操作者，该功能主要完成系统用户配置。
部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
岗位管理：配置系统用户所属担任职务。
菜单管理：配置系统菜单，操作权限，按钮权限标识等。
角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
字典管理：对系统中经常使用的一些较为固定的数据进行维护。
参数管理：对系统动态配置常用参数。
通知公告：系统通知公告信息发布维护。
操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
登录日志：系统登录日志记录查询包含登录异常。
在线用户：当前系统中活跃用户状态监控。
定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。
代码生成：前后端代码的生成（java、html、xml、sql）支持CRUD下载。
系统接口：根据业务代码自动生成相关的api接口文档。
服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
缓存监控：对系统的缓存信息查询，命令统计等。
在线构建器：拖动表单元素生成相应的HTML代码。
连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。

目录结构：

ruoyi-ui：前端项目文件夹
sql：sql脚本
doc：若依系统开发环境搭建手册
其他：服务端项目目录

前端安装运行

## 开发

```bash# 克隆项目git clone https://gitee.com/y_project/RuoYi-Vue

# 进入项目目录cd ruoyi-ui

# 安装依赖npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=https://registry.npmmirror.com

# 启动服务npm run dev```

浏览器访问 http://localhost:80

## 发布

```bash# 构建测试环境npm run build:stage

# 构建生产环境npm run build:prod```