看了壹位老哥寫的《 前後分離Vue+Gin(go)總結 》以後有種自己搭壹份的想法,結合最近找工作比較閑,就準備自己寫壹份商城源碼。
壹、先來實現前端部分第壹步搭建Vue框架。Vue我也是第壹次接觸,看了半天多的文檔才有了大概的了解。先不過多考慮前端的實現,首先考慮壹下前後臺溝通的問題。
用vue-cli搭建壹個新框架,在Helloworld.vue 或者新建壹個模板頁。
老哥的文檔中寫到,他推薦使用axios插件代替jquery來和後臺做交互。那麽我也按照他的思路安裝壹個axios插件,寫壹個跟後臺通訊的Get請求。
二、然後來搭建後臺框架,老哥說的是用Gin框架來搭建,並且用cors中間件來解決跨域訪問問題,咱們也先來搭建壹個簡單的框架。
main.go
router.go
FPList.go
在瀏覽器裏輸入localhost:8081/FPList,可以看到剛才自己定義的Json串,知道後臺算是成功了。
此時再打開前端頁面,可以看到後臺返回的結果已經顯示在頁面了。