若依開源項目配置——Vue前后端分離版(一)


寫在前面

官方配置文檔: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 -vnpm -v,顯示出版本號,表示安裝成功。

  • 安裝依賴
# 強烈建議不要用 cnpm 安裝,會有各種bug,可以通過重新指定 registry 來解決 npm 安裝速度慢的問題。
npm install --registry=https://registry.npm.taobao.org

報錯!在這里插入圖片描述

查閱資料得知,npm7.x的版本比npm6.x更嚴格,兩種解決方案:

  1. 降級到npm6.x
  2. 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. 啟動前端


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM