1、下載若依框架代碼
進(jìn)入若依官網(wǎng),選擇源碼地址,軟后選擇RuoYi-Vue前端分離版本,這個(gè)版本是由SpringBoot + Vue進(jìn)行前后端分離開發(fā)的。
點(diǎn)擊之后進(jìn)入到gitee,點(diǎn)擊 “克隆/下載”,選擇下載方式,可以實(shí)用git命令進(jìn)行g(shù)it克隆,也可以直接選擇下載zip,這里推薦新手就下載zip就可以了。
2、環(huán)境配置
下載好之后直接使用idea打開項(xiàng)目,目錄結(jié)構(gòu)如下:
進(jìn)入pom.xml,使用maven刷新下載依賴。然后等待下載即可。
在idea進(jìn)行下載的同時(shí),我們?cè)谑褂胿scode或者任意前端開發(fā)工具打開ruoyi-ui.
ruoyi-ui目錄結(jié)構(gòu)如下:
按下ctrl + ~ 打開vscode控制臺(tái),輸入npm i,進(jìn)行全局安裝,會(huì)自動(dòng)將本項(xiàng)目所需要的配置文件下載。
npm 是nodejs的命令,如果還沒(méi)有下載配置過(guò)的可以先進(jìn)行nodejs的下載配置。
3、項(xiàng)目啟動(dòng)
在項(xiàng)目啟動(dòng)之前,我們現(xiàn)需要對(duì)配置文件進(jìn)行修改,并打開特定應(yīng)用,這里我們先打開ruoyi-admin模塊下的application-druid.yml,將數(shù)據(jù)庫(kù)鏈接地址和用戶名密碼更改為我們自己的
至于application.yml文件,如果不需要進(jìn)行redis和端口號(hào)和一些其它配置的話,就沒(méi)必要進(jìn)行更改了。接下來(lái)我們需要打開redis,如果還沒(méi)下載的話,可以先進(jìn)入Redis官網(wǎng)進(jìn)行下載,下載windows版本即可。解壓縮文件,打開里面的redis-server.exe即可看到如下頁(yè)面,這就代表redis打開成功了。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-579924.html
等待idea和vscode都進(jìn)行下載完畢,就可以通過(guò)運(yùn)行項(xiàng)目了。
后端通過(guò)ruoyi-admin模塊下的啟動(dòng)類進(jìn)行運(yùn)行。
前端通過(guò)控制臺(tái)命令npm run dev運(yùn)行
前后端控制臺(tái)分別出現(xiàn)如下樣式即代表運(yùn)行成功啦
這時(shí)我們?cè)L問(wèn)vscode給我們的任意地址,即可進(jìn)入到登錄頁(yè)面。
輸入驗(yàn)證碼并點(diǎn)擊登錄后即可進(jìn)入主頁(yè)。(我這里是已經(jīng)進(jìn)行二次開發(fā)的頁(yè)面),未進(jìn)行二次開發(fā)的登錄賬號(hào)和密碼應(yīng)該是admin和admin123,并且表單最上面展示的是若依管理系統(tǒng)。
登錄之后我們就可以看到首頁(yè)了,并進(jìn)行各種操作啦。
本次分享從0到1搭建若依平臺(tái)完畢,之后將補(bǔ)上如何使用若依框架,對(duì)我們自己的數(shù)據(jù)進(jìn)行操作。
若依框架(2)使用若依框架進(jìn)行二次開發(fā)(▽)文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-579924.html
到了這里,關(guān)于若依框架(一)使用若依框架從0到1快速搭建springboot + vue 項(xiàng)目的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!