資料封裝回顯 前後端分離 使用泛型的簡單實現

2021-10-25 05:58:52 字數 1390 閱讀 4435

在專案開發中,後端查詢的資料需要回顯給前端展示,此時繼續使用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...