在專案開發中,後端查詢的資料需要回顯給前端展示,此時繼續使用addattribute(modelandview中的model)封裝回顯資料就顯的有點捉襟見肘了。此篇文章使用泛型進行簡單的資料封裝回顯給前端展示。…
springboot用來做控制層,mybatis用來做持久層,swagger api視覺化工具
通用返回結果檢視
import com.fasterxml.jackson.annotation.jsoninclude;
import com.fasterxml.jackson.annotation.jsoninclude.include;
import lombok.data;
/** * 通用返回結果檢視
* t:繫結資料-泛型儲存
* e:提示引數-enum列舉
* this:代表類本身,extends繼承自身-儲存資料-作為返回值
* * 下列三個返回值屬性,前端可直接請求後獲取檢視
* success:返回成功-true
* error:返回失敗-false
* data:返回資料
*/@data
//使用lombok,可省略set/get
@suppresswarnings
("unchecked"
)public
class
dataresult
dataresult
>
public this failure()
public this success
(t data)
public this failure
(e error)
}
控制層呼叫-以登入功能為例//繼承dataresult
private
static
class
loginresult
extends
dataresult
//列舉類-可程序異常宣告處理
}
前端可通過頁面請求或使用swagger直接請求後獲取資料檢視
前後端分離及使用前後端分離的原因
前後端分離指的是前端採用純html頁面,通過ajax向後台請求資料。使用前後端分離的原因,通過在後台設定引數,可以控制html在遊覽器的快取時間,遊覽器訪問頁面時不需要向後台傳送請求。減少了後台伺服器的壓力。判斷遊覽器是否取的是快取 cache control max age 3600 響應頭中有這...
Vue axios封裝請求實現前後端分離
二 封裝axios 總結我們需要進行前後端分離開發,那麼前後端的跨域問題就是無可避免的問題,前後端的請求也是無可避免的,vue開發可以使用乙個請求元件,做到跨域請求,這個元件就是axios,我們可以對axios進行封裝作為我們請求的工具元件 npm install axios 安裝axios npm...
使用nginx前後端分離發布專案?
原理我就先不說了,直接上手 在右邊選擇download 我們選擇 nginx windows 1.14.1 然後會看到這樣乙個資料夾 我們可以用vscode開啟這個資料夾 然後開啟 conf nginx.conf檔案 找到server 把這server 裡的所有都注釋掉,然後新增這麼一段 如圖 li...