寫在前面
官方配置文檔:http://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html
准備項目
JDK >= 1.8 (推薦1.8版本,我用的是1.8.0_301)
Mysql >= 5.7.0 (推薦5.7版本,我用的是8.0.19)
Redis >= 3.0 (我用的是3.2.100)
Maven >= 3.0 (我用的是3.6.3)
Node >= 10 (我用的是15.6.0)
項目路徑:https://gitee.com/y_project/RuoYi-Vue
git clone一份到Idea中,即可。
准備后端運行環境
配置數據文件
- 創建數據庫ry-vue並導入數據腳本ry_2021xxxx.sql,quartz.sql
- 本地新建
ry-vue
數據庫,導入上圖的sql語句(庫名可以隨便起,我用的是默認的數據庫名稱)
修改數據源
- ruoyi-admin\src\main\resourcesresources
目錄下的
application-druid.yml
# 數據源配置
spring:
datasource:
type: com.alibaba.druid.pool.DruidDataSource
driverClassName: com.mysql.cj.jdbc.Driver
druid:
# 主庫數據源
master:
url: 數據庫地址
username: 數據庫賬號
password: 數據庫密碼
配置服務器端口
- 編輯
ruoyi-admin\src\main\resourcesresources
目錄下的application.yml
這一步默認8080端口即可
配置redis數據源
windows版本下載地址:https://github.com/tporadowski/redis/releases
下載好,直接點擊運行即可!
啟動后端項目
運行 com.ruoyi.RuoYiApplication.java
,出現如下圖表示啟動成功。
啟動成功!
准備前端運行環境
寫在前面
# 進入項目目錄
cd ruoyi-ui
# 安裝依賴
npm install
# 強烈建議不要用 cnpm 安裝,會有各種bug,可以通過重新指定 registry 來解決 npm 安裝速度慢的問題。
npm install --registry=https://registry.npm.taobao.org
# 本地開發 啟動項目
npm run dev
啟動前需要在 IDEA 中安裝 Vue.js 插件
安裝依賴
前端系統使用的是Vue框架,所以需要使用Node.js環境。
node.js自帶npm(包管理工具),因此不需要再另外安裝npm。
nodejs各版本下載地址:https://nodejs.org/zh-cn/download/
安裝nodejs就不用多說了吧(除了需要選擇安裝路徑,其他的一路next即可)
打開cmd命令窗口,輸入 node -v
和 npm -v
,顯示出版本號,表示安裝成功。
- 安裝依賴
# 強烈建議不要用 cnpm 安裝,會有各種bug,可以通過重新指定 registry 來解決 npm 安裝速度慢的問題。
npm install --registry=https://registry.npm.taobao.org
報錯!
查閱資料得知,npm7.x的版本比npm6.x更嚴格,兩種解決方案:
- 降級到npm6.x
- npm i --legacy-peer-deps (我使用的是第二種)
npm i --legacy-peer-deps
然后就可以了,依賴都安裝好了
- tips:Node.js可以安裝V14.6.0,它的npm版本是6.X
啟動前端項目
# 本地開發 啟動項目
npm run dev
啟動步驟
1. 啟動redis
2. 啟動后端
3. 啟動前端