前后端配合與Idea配置部署頁(yè)面至服務(wù)器

在開(kāi)發(fā)項(xiàng)目時(shí),后臺(tái)人員可能來(lái)不及寫(xiě)html頁(yè)面,這個(gè)時(shí)候需要相互配合。前端人員開(kāi)發(fā)項(xiàng)目都有自己的一套項(xiàng)目結(jié)構(gòu),而Spring Boot或后臺(tái)人員也有自己的一套項(xiàng)目結(jié)構(gòu),導(dǎo)致寫(xiě)出的靜態(tài)頁(yè)面無(wú)法直接拿過(guò)來(lái)就用。

在研究了Spring Boot的項(xiàng)目結(jié)構(gòu)之后,還是可以通過(guò)一些方法來(lái)直接使用前端人員開(kāi)發(fā)的頁(yè)面。

前端人員操作過(guò)程

1、下載WAMP,或者XAMPP,或其它的web服務(wù)器集成軟件。XAMPP是跨平臺(tái)的集成軟件,WAMP只能再Windows上使用。
注意:設(shè)置Web服務(wù)器禁止緩存,否則難以調(diào)試

2、前端目錄結(jié)構(gòu),雖然可以使用其它的目錄結(jié)構(gòu),但是盡量使用這種目錄結(jié)構(gòu),部門(mén)統(tǒng)一。

image.png

注意: 引入樣式,js,css,img的時(shí)候盡量使用絕對(duì)路徑,而不要使用相對(duì)路徑。

3、配置JetBrains公司的IDE,配置部署環(huán)境

image.png

4、有多種服務(wù)器可以選擇。Local即為本地服務(wù)器,其它的根據(jù)字面意思就可以了理解。


image.png

5、接下來(lái)就是配置路徑的問(wèn)題

配置要上傳或下載到服務(wù)器的位置,服務(wù)器的根地址。

配置

配置本地文件夾到服務(wù)器文件夾的映射。

image.png

6、會(huì)操作上面步驟之后,可以修改添加的服務(wù)器類型,將文件上傳到后端的電腦上,一般上傳到后端的/template/,/static/文件夾之下,根據(jù)個(gè)人喜好來(lái)組織項(xiàng)目結(jié)構(gòu)。

附錄

WAMP的安裝過(guò)程
Spring Boot參考文檔

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容