最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

idea部署RuoYi-Vue分離版的圖文詳解

 更新時間:2024年06月25日 09:06:33   作者:Excellent的崽子  
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分離極速后臺開發(fā)框架, 本文主要介紹了idea部署RuoYi-Vue分離版的圖文詳解,具有一定的參考價值,感興趣的可以了解一下

現(xiàn)在大部分公司都使用到了若依框架進(jìn)行二次開發(fā),相信還有很多小伙伴們對若依不是很了解,RuoYi-Vue是一款基于SpringBoot+Vue的前后端分離極速后臺開發(fā)框架, 是一個 Java EE 企業(yè)級快速開發(fā)平臺,基于經(jīng)典技術(shù)組合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),內(nèi)置模塊如:部門管理、角色用戶、菜單及按鈕授權(quán)、數(shù)據(jù)權(quán)限、系統(tǒng)參數(shù)、日志管理、代碼生成等。在線定時任務(wù)配置;支持集群,支持多數(shù)據(jù)源,支持分布式事務(wù)。

想對若依進(jìn)行更多了解可以傳送官方文檔: RuoYi

很多小伙伴們還不會部署這個項目到自己的本地,現(xiàn)在我就來教你將ruoyi-vue部署到本地,這里我們以idea進(jìn)行教程。

話不多說,開干!

準(zhǔn)備工作

  • JDK >= 1.8 (推薦1.8版本)
  • MySQL >= 5.7 (推薦5.7版本)
  • Maven >= 3.0
  • Node >= 12

第一步,拉取項目到我們的idea:

前往Gitee下載頁面下載解壓到工作目錄,這里前提,我們需要給idea配置git,然后直接通過鏈接拉取項目即可。

1.本地下載git,配置到idea中。

在這里插入圖片描述

配置好以后,我們就可以通過點擊 File -> New -> Project from Version Controller 從遠(yuǎn)程倉庫去獲取我們需要的項目,如圖:

在這里插入圖片描述

2.將gitee路徑復(fù)制到URL框中,設(shè)置自定義路徑,點擊Clon就開始加載我們的項目了。

在這里插入圖片描述

3.拉取成功就長下面這個樣子,如圖:

在這里插入圖片描述

tips:因為本項目是前后端完全分離的,所以需要前后端都單獨部署好,才能進(jìn)行訪問。

第二步,接下來我們準(zhǔn)備我們后端啟動工作:

必要配置:

修改數(shù)據(jù)庫連接,編輯resources目錄下的application-druid.yml

在這里插入圖片描述

修改服務(wù)器配置,編輯resources目錄下的application.yml

在這里插入圖片描述

這樣基礎(chǔ)配置就搞好了,接下來想要啟動我們的項目,也要保證我們本地的Redis也是在運行著的,所以就需要我們本地有下載好的Redis數(shù)據(jù)庫,我們將它運行起來。如果沒有也沒關(guān)系,請傳送至官網(wǎng)下載: Redis

安裝好以后,我們進(jìn)入Redis路徑下,雙擊redis-server.exe文件,如果閃退可以使用管理員運行或者在rides目錄下打開黑窗口執(zhí)行cmd命令:redis-server.exeredis.windows.conf

在這里插入圖片描述

Rdis啟動成功就長下面這個樣子,如圖:

在這里插入圖片描述

Reids啟動成功,接下來我們就可以啟動我們的后端項目了,下面就是后端啟動成功的樣子,如圖:

在這里插入圖片描述

第三步,前端部署

首先你需要在本地安裝部署nodejs,因為我們接下來都是通過npm命令來進(jìn)行前端的啟動工作。

Node.js 安裝包及源碼下載地址為:Node.js

Node.js的安裝很簡單,只要一直下一步就好了,安裝好了以后我們開始配置它的環(huán)境變量,首先打開我們的環(huán)境變量配置(找不到的可以打開搜索框直接搜索環(huán)境變量即可),在系統(tǒng)變量中找到path屬性,然后將我們的Node.js安裝路徑添加到變量值中,就OK了,如圖:

在這里插入圖片描述

下一步,我們右鍵ruoyi-ui(這個就是我們的前端項目),打開終端,如圖:

在這里插入圖片描述

在這里插入圖片描述

下一步,從上往下輸入命令,即可

# 安裝依賴
npm install

# 強烈建議不要用直接使用 cnpm 安裝,會有各種詭異的 bug,可以通過重新指定 registry 來解決 npm 安裝速度慢的問題。
# 這里我們使用的是淘寶鏡像
npm install --registry= https://registry.npm.taobao.org

# 本地開發(fā) 啟動項目
npm run dev

最后,我們的若依項目啟動成功!

前端啟動成功會自動打開瀏覽器,前端端口號默認(rèn)80,如圖:

在這里插入圖片描述

那么看到這里,我們的RuoYi-Vue就啟動成功啦!接下來就可以對若依進(jìn)行更加深入的了解,并嵌入自己的項目需求。

到此這篇關(guān)于idea部署RuoYi-Vue分離版的圖文詳解的文章就介紹到這了,更多相關(guān)idea部署RuoYi-Vue分離版內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 如何使用el-table+el-tree+el-select動態(tài)選擇對應(yīng)值

    如何使用el-table+el-tree+el-select動態(tài)選擇對應(yīng)值

    小編在做需求時,遇到了在el-table表格中加入多條數(shù)據(jù),并且每條數(shù)據(jù)要通過el-select來選取相應(yīng)的值,做到動態(tài)選擇,下面這篇文章主要給大家介紹了關(guān)于如何使用el-table+el-tree+el-select動態(tài)選擇對應(yīng)值的相關(guān)資料,需要的朋友可以參考下
    2023-01-01
  • 對Vue beforeRouteEnter 的next執(zhí)行時機詳解

    對Vue beforeRouteEnter 的next執(zhí)行時機詳解

    今天小編就為大家分享一篇對Vue beforeRouteEnter 的next執(zhí)行時機詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • vue.js刪除列表中的一行

    vue.js刪除列表中的一行

    這篇文章給大家分享了vue.js刪除列表中的一行的實例操作以及代碼分享,有興趣的朋友參考下。
    2018-06-06
  • 圖文詳解Element-UI中自定義修改el-table樣式

    圖文詳解Element-UI中自定義修改el-table樣式

    elementUI提供的組件間距、樣式都比較大,如果直接套用,在頁面顯示可能就會顯得很大,就比如表格,表頭、行寬如果不修改的話,遇到列較多的時候,會顯得整個頁面就不好看,下面這篇文章主要給大家介紹了關(guān)于Element-UI中自定義修改el-table樣式的相關(guān)資料,需要的朋友可以參考下
    2022-08-08
  • vue 項目中使用websocket的正確姿勢

    vue 項目中使用websocket的正確姿勢

    這篇文章主要介紹了vue 項目中使用websocket的實例代碼,通過實例代碼給大家介紹了在utils下新建websocket.js文件的方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-01-01
  • Vue中的異步組件函數(shù)實現(xiàn)代碼

    Vue中的異步組件函數(shù)實現(xiàn)代碼

    這篇文章主要介紹了Vue中的異步組件函數(shù)實現(xiàn)代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-07-07
  • Vue項目代碼之路由拆分、Vuex模塊拆分、element按需加載詳解

    Vue項目代碼之路由拆分、Vuex模塊拆分、element按需加載詳解

    這篇文章主要介紹了Vue項目代碼之路由拆分、Vuex模塊拆分、element按需加載,項目較大路由較多時,路由拆分是一個不錯的代碼優(yōu)化方案,按不同業(yè)務(wù)分為多個模塊,結(jié)構(gòu)清晰便于統(tǒng)一管理,本文通過示例給大家詳細(xì)講解,需要的朋友可以參考下
    2022-11-11
  • vue3.0 CLI - 2.1 -  component 組件入門教程

    vue3.0 CLI - 2.1 - component 組件入門教程

    這篇文章主要介紹了vue3.0 CLI - 2.1 - component 組件入門教程,本文主要的關(guān)注點就是組件,本文通過實例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2018-09-09
  • vue中elementUI里面一些插件的使用

    vue中elementUI里面一些插件的使用

    Element UI是一套基于Vue的桌面端組件庫,封裝好了很多常用的UI組件,下面這篇文章主要給大家介紹了關(guān)于vue中elementUI里面一些插件的使用方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-06-06
  • 在vue.js中抽出公共代碼的方法示例

    在vue.js中抽出公共代碼的方法示例

    這篇文章主要給大家介紹了在vue.js中抽出公共代碼的方法,文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。
    2017-06-06

最新評論

洛川县| 海晏县| 兴安盟| 久治县| 鹤山市| 蛟河市| 固阳县| 沽源县| 内江市| 普陀区| 西林县| 韩城市| 句容市| 织金县| 砀山县| 湘潭县| 柞水县| 甘德县| 张家川| 客服| 车险| 花莲市| 阿克陶县| 昆明市| 韶关市| 和平县| 龙门县| 正阳县| 永安市| 桓仁| 莫力| 定襄县| 尼勒克县| 神木县| 无棣县| 罗田县| 崇文区| 辽宁省| 天峨县| 大悟县| 航空|