人生苦短，我用 Golang--Gin 框架（五-

“ 作爲後端服務，我們免不了要提供一些頁面供前端使用。今天我們就來看下 gin 框架怎麼實現網頁的輸出**”**

使用過 Springboot 的都知道，Springboot 提供了靜態目錄的配置，通過相應的 url 路徑就可以直接訪問此目錄下的文件，gin 框架也提供了這種功能，接下來我們就一起來看下 gin 框架怎麼配置靜態目錄，然後將目錄中的網頁輸出到前端。

首先，我們需要新建一個 static 目錄，然後再創建一個 web 目錄，裏面可以根據自己需求新建 js、css 目錄，最後我們再新建一個 html 文件（這裏我直接用我之前寫的一個測試文件，大家可以隨便寫一個）。最後項目結構大概就是下面這樣。

圖片

當然了你的結構不一定非和我一樣，只需要大概參考下就好啦。

接着，我們來改 main.go 中的代碼，將 static 目錄設置爲靜態目錄。

package main
import (
  "demo/src/main/routers"
  "github.com/gin-gonic/gin"
  "io"
  "net/http"
  "os"
)
func main() {
  runWebService()
}
func initWebConfig() {
  gin.DisableConsoleColor()
  f, _ := os.Create("go.log")
  gin.DefaultWriter = io.MultiWriter(f, os.Stdout)
}
func runWebService()  {
  initWebConfig()
  r := gin.New()
  r.Use(gin.Logger())
  routers.LoadReport(r)
  // 重點在這塊哦，我們通過下面這行代碼，將static目錄設置爲靜態目錄
  // 同時需要用/static才能訪問此目錄
  r.StaticFS("/static", http.Dir("src/static"))
  r.Run(":81")
}

配置好靜態目錄後，我們就可以在瀏覽器通過 / static/html 名來訪問目錄下的網頁文件了。例如

圖片

這是我用 vue 寫的一個界面，裏面部分信息還是要保密下的，嘿嘿。

當然 gin 框架也支持類似於thymeleaf那樣的模板渲染，下次我再分享給大家。

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/jAdg2kaXaUV-CHYarbOHIw