若依前后端分离版手把手教你本地搭建环境并运行项目
場景
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分離極速后臺開發框架。
RuoYi 官網地址：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 是一個 Java EE 企業級快速開發平臺，基于經典技術組合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），內置模塊如：部門管理、角色用戶、菜單及按鈕授權、數據權限、系統參數、日志管理、代碼生成等。在線定時任務配置；支持集群，支持多數據源。
注：
博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。
實現
截止到目前，若依前后端分離版的最新版本是3.1
?
之前使用的若依的前后端分離版的版本2.3前后端是單應用。后臺所有的模塊都在一個項目下。
自3.0之后，將單應用調整為多模塊項目
下載源碼之后ruoyi-ui是前端項目模塊，ruoyi-admin是后端主模塊，其他的是后端用到的其他模塊。
這里以下載3.1為例，瀏覽器輸入以下地址，
https://gitee.com/y_project/RuoYi-Vue/tree/v3.1/
使用git clone 或者壓縮包下載的方式將RuoYi-Vue下載，下載之后的目錄
?
可以看到下面的sql目錄下會有兩個sql文件，這兩個sql文件就是數據文件。
所以首先在本地新建一個Mysql數據庫，這里叫ry-vue310
?
切記在新建數據庫時要將字符集設置為utf8不然在執行向數據庫插入一些數據含有中文時會報錯。
新建數據庫完成后在數據庫上右擊-運行sql文件，這里使用的是Navicat連接工具。然后選中上面的sql目錄下的ry_20200901.sql
點擊開始，然后再執行sql目錄下的quartz.sql
?
初始化數據庫完成之后，會在數據庫下生成一些表，并在表中生成一些數據。
?
然后使用IDEA-File-Open，選擇Ruo-Yi-Vue，打開后，找到ruoyi-admin模塊下的application-druid.yml
然后將連接數據的連接語句的數據庫以及用戶名和密碼改為自己的。
后端項目還使用到了Redis作緩存用。所以需要在你的本地安裝Redis服務端，這里是在 Windows下。
Windows中Redis的下載安裝與修改密碼并啟動：
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107486313
參照如上教程安裝完Windows服務端并啟動。
然后打開ruoyi-admin下的application.yml修改redis為自己的端口和密碼。
如果使用IDEA打開項目后報錯，在報錯的地方alt+enter，選擇SetJDK
?
這里選擇自己本地配置的JDK1.8
?
然后找到vue-admin下的RuoYiApplication，右擊運行啟動后臺項目。
?
啟動成功，默認端口是8080。
然后啟動前端項目。
這里使用VSCode將前端項目RUOYI-UI打開，然后在此處新建終端，輸入
npm install --registry=https://registry.npm.taobao.org安裝相關依賴
?
安裝成功后，運行項目
npm run dev?
前端項目默認的端口是80端口，如果80被占用就會使用81端口，具體看啟動成功后的輸出，這里是啟動在81端口，打開瀏覽器輸入
http://localhost:81/
然后能出現驗證碼則是請求后臺成功。
?
輸入驗證碼登錄成功后
?
總結
以上是生活随笔為你收集整理的若依前后端分离版手把手教你本地搭建环境并运行项目的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Vue中使用vue-croper插件实现
- 下一篇： Netty在IDEA中搭建HelloWo