ruoyi前后端分离idea

### Ruoyi项目前后端分离IDEA配置教程

#### 下载并导入Ruoyi项目至IDEA
为了在IDEA中实现Ruoyi项目的前后端分离开发，需先从码云下载`RuoYi-vue`版本，并将其解压放置于工作目录下[^2]。随后，在IDEA中通过“File -> Open”选项来加载此项目。

#### 配置数据源连接
进入数据库配置文件路径通常位于`ruoyi-admin/src/main/resources/application-druid.yml`或类似的配置位置，依据具体需求调整JDBC URL、用户名以及密码等参数以匹配本地MySQL设置[^1]。

#### Redis服务器启动准备
确保Redis已正确安装并且能够正常运行；对于Windows用户来说可能需要额外步骤完成安装过程。接着按照官方文档指示开启服务实例以便支持缓存功能和其他依赖项。

#### 启动后端Spring Boot应用
确认所有必要的外部资源（比如上述提到的数据存储库和消息队列）都处于可用状态之后，可以通过IDEA内置工具或是命令行方式执行`mvn spring-boot:run`指令来触发应用程序的自检流程直至其完全就绪接受HTTP请求。

cd ruoyi-admin
mvn clean install
mvn spring-boot:run

#### 安装Node.js环境与前端构建工具链
前往官方网站获取最新稳定版Node.js发行包并遵循向导提示完成整个部署周期——这一步骤至关重要因为后续操作均基于它所提供的npm/yarn生态系统之上展开。验证安装成果的方法是在任意空白处右击创建新CMD窗口内键入：

node -v && npm -v

#### 构建及预览Vue单页面客户端界面
切换到前端工程根目录(`ruoyi-ui`)之下利用NPM/YARN管理器拉取所需第三方模块集合体，再依照个人喜好挑选适合自己的打包方案进行编译产出最终产物供测试用途。

cd ruoyi-ui
yarn install || npm i
yarn serve || npm run dev

#### 浏览器访问效果检验
当以上各环节皆无异常状况发生时，打开任一现代Web浏览器并将地址栏设为http://localhost:8080/ (默认情况下)，此时应该可以看到由后台API驱动渲染出来的登录页画面了。