RuoYi-Vue?是一個(gè) Java EE 企業(yè)級(jí)快速開發(fā)平臺(tái)，基于經(jīng)典技術(shù)組合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），內(nèi)置模塊如：部門管理、角色用戶、菜單及按鈕授權(quán)、數(shù)據(jù)權(quán)限、系統(tǒng)參數(shù)、日志管理、代碼生成等。在線定時(shí)任務(wù)配置；支持集群，支持多數(shù)據(jù)源，支持分布式事務(wù)。
系統(tǒng)需求
- JDK >= 1.8
- MySQL >= 5.7
- Maven >= 3.0
- Node >= 12
- Redis >= 3
開發(fā)工具（推薦）：VScode或IDEA
目錄
一：前期準(zhǔn)備工作
1.1?拉取項(xiàng)目
1.2?VScode 配置 Java 開發(fā)環(huán)境（可選）
1.2.1 VSCode 中下載 JDK
1.2.2?配置 VSCode 項(xiàng)目的 JDK 路徑
1.2.3?測試Java環(huán)境
二：后端運(yùn)行
2.1?部署數(shù)據(jù)庫
?2.2 開啟redis
2.3?啟動(dòng)程序
三：前端運(yùn)行
一：前期準(zhǔn)備工作
1.1?拉取項(xiàng)目
1.前往Gitee下載頁面(https://gitee.com/y_project/RuoYi-Vue?)下載解壓到工作目錄
2.將下載下來的代碼壓縮包解壓到本地，將ruoyi-ui（前端部分代碼）移動(dòng)到外層（前后端代碼分開運(yùn)行更加直觀）
1.2?VScode 配置 Java 開發(fā)環(huán)境（可選）
因?yàn)槲沂怯玫膙scode作為開發(fā)工具運(yùn)行前后端，所以需要對(duì)其進(jìn)行一定配置。用IDEA開發(fā)的大佬可略過...
1.2.1 VSCode 中下載 JDK
首先在vscode中安裝以下插件
- Language Support for Java? by Red Hat
- Debugger for Java
- Java Test Runner
- Maven for Java
- Project Manager for Java
安裝插件完成后按下?Ctrl+Shift+P輸入Java: Configure Java Runtime進(jìn)行下載
1.2.2?配置 VSCode 項(xiàng)目的 JDK 路徑
在?vscode?的設(shè)置中查詢?java.home?，選擇?settings.json?文件中編輯 將?java.home?的路徑設(shè)置為你的?JDK?目錄
1.2.3?測試Java環(huán)境
使用Ctrl+Shift+P輸入Java: create Project，輸入項(xiàng)目名，在src文件夾中，選擇Run運(yùn)行Java代碼，控制臺(tái)數(shù)據(jù)Hello World則為成功
二：后端運(yùn)行
首先先將RuoYi-Vue文件夾在VScode中打開
2.1?部署數(shù)據(jù)庫
1.打開Navicat創(chuàng)建數(shù)據(jù)庫ry-vue并導(dǎo)入數(shù)據(jù)腳本ry_2021xxxx.sql，quartz.sql
?2.Navicat運(yùn)行完數(shù)據(jù)表之后打開 application-druid.yml，修改為本地配置的mysql數(shù)據(jù)庫名，用戶名和密碼
?2.2 開啟redis
打開redis服務(wù)（雙擊redis-server.exe）
?如上圖所示即為啟動(dòng)成功
2.3?啟動(dòng)程序
進(jìn)入RuoYiApplication.java鼠標(biāo)右鍵目錄選擇run.java，啟動(dòng)程序
?出現(xiàn)這個(gè)標(biāo)志即表示若依后端啟動(dòng)成功
后端運(yùn)行成功后，此時(shí)在瀏覽器中可以通過? ?http://localhost:8080? ?訪問，如圖：
三：前端運(yùn)行
運(yùn)行前首先確保安裝了node環(huán)境，隨后執(zhí)行（此內(nèi)容保存在README.md文件中）
# 進(jìn)入項(xiàng)目目錄
cd ruoyi-ui
# 安裝依賴
npm install
# 建議不要直接使用 cnpm 安裝依賴，會(huì)有各種詭異的 bug?？梢酝ㄟ^如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npmmirror.com
# 啟動(dòng)服務(wù)
npm run dev打開瀏覽器，輸入：http://localhost:80?看到下圖，即可表示若依系統(tǒng)啟動(dòng)成功文章來源：http://www.zghlxwxcb.cn/news/detail-455325.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-455325.html
到了這里，關(guān)于若依管理系統(tǒng)RuoYi-Vue（前后端分離版）項(xiàng)目啟動(dòng)教程的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[ RuoYi ] 若依前后端分離 RuoYi-Vue 項(xiàng)目 war 包 Tomcat 項(xiàng)目部署](https://imgs.yssmx.com/Uploads/2024/02/727876-1.png)
