一个免费的开源后台管理系统：若依框架（具体怎样下载？怎样使用？怎样配置后台接口地址？超详细）

最新推荐文章于 2026-05-19 09:43:24 发布

原创最新推荐文章于 2026-05-19 09:43:24 发布 · 6.3k 阅读

31 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #elementui #若依框架 #RuoYi框架 #免费后台管理系统

前端开发专栏收录该内容

601 篇文章

订阅专栏

RuoYi是一个基于SpringBoot、MyBatis、Shiro构建的后台管理系统，旨在简化开发流程，节省人力成本。该系统支持前后端分离，前端可使用Vue进行定制。通过简单的步骤，包括下载、解压、安装依赖、修改配置，即可运行。适合个人开发者和小公司快速搭建管理平台。详细操作教程包括如何设置环境、启动服务及调整接口地址。

简介

RuoYi是一个后台管理系统，基于经典技术组合（Spring Boot、Apache Shiro、MyBatis、Thymeleaf）主要目的让开发者注重专注业务，降低技术难度，从而节省人力成本，缩短项目周期，提高软件安全质量。
ps：很多小公司，或者个人接外包私活的时候。都在使用这个免费的后台管理系统。有些公司都不需要专门的前端。后端学一些vue知识和基础的前端知识。就能自己改前端代码。改改就能用！非常容易上手！

直接先演示一下看看：

演示地址：http://demo.ruoyi.vip(opens new window)

RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源框架|Java|SpringBoot|SrpingBoot2.0|SrpingCloud|Alibaba|MyBatis|Shiro|OAuth2.0|Thymeleaf|BootStrap|Vue|Element-UI||www.ruoyi.viphttp://www.ruoyi.vip/

在线体验

若依官网：http://ruoyi.vip(opens new window)
演示地址：http://demo.ruoyi.vip(opens new window)
代码下载：RuoYi: 🎉 基于SpringBoot的权限管理系统易读易懂、界面简洁美观。核心技术采用Spring、MyBatis、Shiro没有任何其它重度依赖。直接运行即可用

1.先下载：

地址：

RuoYi: 🎉 基于SpringBoot的权限管理系统易读易懂、界面简洁美观。核心技术采用Spring、MyBatis、Shiro没有任何其它重度依赖。直接运行即可用https://gitee.com/y_project/RuoYi

2.解压：

3.打开前端ui界面文件夹

4.编辑器打开项目，运行npm安装依赖（需要电脑上先安装nodejs）

安装npm、nodejs的具体方法：

【nodejs】使用 npm安装模块方法_勤动手多动脑少说多做厚积薄发-CSDN博客_node 安装模块全局安装与本地安装npm 的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已，比如npm install express # 本地安装npm install express -g # 全局安装如果出现以下错误：npm err! Error: connect ECONNREFUSED 127.0.0....https://blog.csdn.net/qq_22182989/article/details/90053035?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163826678216780269839401%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=163826678216780269839401&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_v2~rank_v29-6-90053035.pc_v2_rank_blog_default&utm_term=npm&spm=1018.2226.3001.4450

5.点开package.json文件，可以看到具体使用命令：

开发

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

# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

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

# 启动服务
npm run dev

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

发布

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

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

6.找到.env.development文件，修改后端接口地址。

因为若依是前后端分离的。需要分别独立运行：

只需要修改VUE_APP_BASE_API 的ip地址和端口号即可

然后就可以运行啦！