場景
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端口，打開瀏覽器輸入
然后能出現驗證碼則是請求后台成功。
輸入驗證碼登錄成功后
