場景

RuoYi-Vue是一款基于SpringBoot+Vue的前后端分離極速后臺(tái)開發(fā)框架。

RuoYi 官網(wǎng)地址：http://ruoyi.vip
RuoYi 在線文檔：http://doc.ruoyi.vip
RuoYi 源碼下載：https://gitee.com/y_project/RuoYi-Vue
RuoYi 在線提問：https://gitee.com/y_project/RuoYi-Vue/issues
RuoYi 博客：https://www.oschina.net/p/ruoyi

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ù)源。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關(guān)注公眾號(hào)
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

截止到目前，若依前后端分離版的最新版本是3.1

?

之前使用的若依的前后端分離版的版本2.3前后端是單應(yīng)用。后臺(tái)所有的模塊都在一個(gè)項(xiàng)目下。

自3.0之后，將單應(yīng)用調(diào)整為多模塊項(xiàng)目

下載源碼之后ruoyi-ui是前端項(xiàng)目模塊，ruoyi-admin是后端主模塊，其他的是后端用到的其他模塊。

這里以下載3.1為例，瀏覽器輸入以下地址，

https://gitee.com/y_project/RuoYi-Vue/tree/v3.1/

使用git clone 或者壓縮包下載的方式將RuoYi-Vue下載，下載之后的目錄

?

可以看到下面的sql目錄下會(huì)有兩個(gè)sql文件，這兩個(gè)sql文件就是數(shù)據(jù)文件。

所以首先在本地新建一個(gè)Mysql數(shù)據(jù)庫，這里叫ry-vue310

?

切記在新建數(shù)據(jù)庫時(shí)要將字符集設(shè)置為utf8不然在執(zhí)行向數(shù)據(jù)庫插入一些數(shù)據(jù)含有中文時(shí)會(huì)報(bào)錯(cuò)。

新建數(shù)據(jù)庫完成后在數(shù)據(jù)庫上右擊-運(yùn)行sql文件，這里使用的是Navicat連接工具。然后選中上面的sql目錄下的ry_20200901.sql

點(diǎn)擊開始，然后再執(zhí)行sql目錄下的quartz.sql

?

初始化數(shù)據(jù)庫完成之后，會(huì)在數(shù)據(jù)庫下生成一些表，并在表中生成一些數(shù)據(jù)。

?

然后使用IDEA-File-Open，選擇Ruo-Yi-Vue，打開后，找到ruoyi-admin模塊下的application-druid.yml

然后將連接數(shù)據(jù)的連接語句的數(shù)據(jù)庫以及用戶名和密碼改為自己的。

后端項(xiàng)目還使用到了Redis作緩存用。所以需要在你的本地安裝Redis服務(wù)端，這里是在 Windows下。

Windows中Redis的下載安裝與修改密碼并啟動(dòng)：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107486313

參照如上教程安裝完Windows服務(wù)端并啟動(dòng)。

然后打開ruoyi-admin下的application.yml修改redis為自己的端口和密碼。

如果使用IDEA打開項(xiàng)目后報(bào)錯(cuò)，在報(bào)錯(cuò)的地方alt+enter，選擇SetJDK

?

這里選擇自己本地配置的JDK1.8

?

然后找到vue-admin下的RuoYiApplication，右擊運(yùn)行啟動(dòng)后臺(tái)項(xiàng)目。

?

啟動(dòng)成功，默認(rèn)端口是8080。

然后啟動(dòng)前端項(xiàng)目。

這里使用VSCode將前端項(xiàng)目RUOYI-UI打開，然后在此處新建終端，輸入

npm install --registry=https://registry.npm.taobao.org

安裝相關(guān)依賴

?

安裝成功后，運(yùn)行項(xiàng)目

npm run dev

?

前端項(xiàng)目默認(rèn)的端口是80端口，如果80被占用就會(huì)使用81端口，具體看啟動(dòng)成功后的輸出，這里是啟動(dòng)在81端口，打開瀏覽器輸入

http://localhost:81/

然后能出現(xiàn)驗(yàn)證碼則是請求后臺(tái)成功。

?

輸入驗(yàn)證碼登錄成功后

?

總結(jié)

以上是生活随笔為你收集整理的若依前后端分离版手把手教你本地搭建环境并运行项目的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。