GO後端開發+VUE實列

因為我是從java轉到go，代碼結構跟我之前用java的很像

在這裡只淺顯的實戰運用，沒有過多理論講解

工作環境：IDE：Goland ， Go 1.17.7 框架 Gin+Gorm ，前端VUE

這裡不過多講前端，可以到我的github或者gitee拉取

Go的安裝配置

在官網下載完，安裝後需要配置兩個環境變數

一個是GOROOT,也就是Go安裝的文件夾，註意不要定位到 /bin裡面

還有一個是GOPATH，這個就是存放工作空間的文件夾

建議在工作空間里先創多一個pkg文件夾，裡面就會存放下載的庫，gin_vue是我的項目

我用的IDE是Goland，所以裡面還需要配置，建議將Goland自動配置的Go環境變數刪掉，除非你的庫想安裝在C盤

快捷鍵 Crtl+shift+s 進入設置點擊GOPATH配置工作環境

安裝框架

在項目文件夾路徑里輸入 cmd 調出黑視窗輸入，或者在Goland下麵點擊Triminal

go get github.com/gin-gonic/gin //後端框架

go get github.com/jinzhu/gorm //資料庫框架

項目開始

結構

首先是確定好項目結構，因為之前用過java寫後端所以就沿用了一些風格

其中bin是放go編譯後的文件的，src就是代碼存放的文件。config就是存放一些配置信息的文件

controller是對資料庫各個表的操作，一個go文件代表一個表的操作

dbUtils是資料庫連接初始化的文件

entiy就是存放資料庫各個表裡面的欄位結構

router就是定義後端給前端的介面文件

utils就是工具類

配置文件

config.yml

ip: 127.0.0.1 #ip地址
user: root #資料庫用戶的名字
pwd: 123456 #這裡資料庫用戶的密碼
db_name: gotest #所連接資料庫的名字
db_port: 3306 #連接資料庫的埠號

資料庫連接

這是我gotest資料庫的一個表user的欄位，下麵基本就是對這個表的操作

var AdminT, UserT, Db *gorm.DB

func Init() {
   var c ymlConfig
   var dbConfig string
   config := c.getYml()
   //"root:root123@tcp(127.0.0.1:3306)/test_gorm?charset=utf8mb4&parseTime=True&loc=Local"
   dbConfig = config.User + ":" + config.Pwd + "@tcp(" + config.Ip + ":" + config.Db_port + ")/" + config.Db_name + "?charset=utf8mb4&parseTime=True&loc=Local"
   db, err := gorm.Open("mysql", dbConfig)
   if err != nil {
      panic(err)
   }

   AdminT = db
   UserT = db
   //綁定資料庫表名
   UserT.AutoMigrate(&entiy.User{})

}

定義表的結構

我創建了一個表叫做User，struct作為一個映射對象，對應著user裡面的欄位

對資料庫表的操作

這裡的c *gin.Context是後端介面傳來的信息

ShouldBindJSON就是將結構體傳進去，會將前端發送的JSON數據按照結構體進行數據綁定

創建介面

這裡就是後端介面的創建，前端訪問/user/login 就會訪問到這個介面對應的處理函數

初始化

確定後端埠號

拉取項目

目的是vue項目（後端給他配置好的埠號是9292，要是大家改了前面後端的埠號就會通不了），需要提前安裝node.js，

https://nodejs.org/en/

一直點擊，安裝到你指定的文件夾就行了

系統環境 配置 這裡的地址是你安裝nodejs的地址裡面的node_modules

在系統環境變數里雙擊path 將你的nodejs地址放進去即可

這是我的工程項目，下麵放著vue的項目

現在為vue添加構造器 點擊畫圈地方

按Edit Configuration 進入，點擊左上角的+號 找到npm

按照我這裡配置一下，基本都是上面涉及到的路徑，點擊確定

在Goland的命令行中

cd vue
npm install

等安裝完就可以點擊這裡切換前後端運行了

若有其他問題可以在評論區討論