當前位置:編程學習大全網 - 網站源碼 - 從零開始Gin Web+Vue商城的搭建(壹)-- 前後端框架搭建和簡單溝通

從零開始Gin Web+Vue商城的搭建(壹)-- 前後端框架搭建和簡單溝通

同步更新的github地址: /nds15763/ginMall

看了壹位老哥寫的《 前後分離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串,知道後臺算是成功了。

此時再打開前端頁面,可以看到後臺返回的結果已經顯示在頁面了。

  • 上一篇:求超短在線人數統計代碼!急!
  • 下一篇:壹加手機地圖用不了怎麽辦啊
  • copyright 2024編程學習大全網