快捷導(dǎo)航

Go語言Gin框架實(shí)現(xiàn)HTML頁面渲染

更新時(shí)間：2024年01月31日 09:54:27 作者：云原生Go?源自開發(fā)者

Web開發(fā)中，我們經(jīng)常要面對如何將數(shù)據(jù)渲染到前端的問題，這就涉及到了模板引擎的知識(shí)，Go語言的Gin框架就提供了強(qiáng)大的HTML模板渲染功能,本文就來為大家介紹，有需要的朋友可以借鑒參考下,希望能夠有所幫助

Gin框架簡介

Gin是一款基于Go語言開發(fā)的Web框架，它相較于其他Go web框架最大的優(yōu)點(diǎn)就是高性能且API簡單易用。Gin 利用go語言原生 net/http 標(biāo)準(zhǔn)庫的 HandlerFunc ，有16個(gè)處理器，足以應(yīng)對大多數(shù)Web開發(fā)任務(wù)。

HTML渲染基礎(chǔ)

在Gin中，使用c.HTML函數(shù)來渲染HTML。這個(gè)函數(shù)接收三個(gè)參數(shù)：HTTP狀態(tài)碼，模板名，傳遞給模板的數(shù)據(jù)。模板名是相對于gin.DefaultWriter或者Engine.LoadHTMLGlob/Engine.LoadHTMLFiles的路徑。

router.GET("/index", func(c *gin.Context) {
    c.HTML(
        http.StatusOK,
        "index.tmpl",
        gin.H{
            "title": "首頁",
        },
    )
})

模板語法

不同目錄下如果有同名模版需要使用加載模版

在使用模板渲染時(shí)，我們可以使用Go原生的模板語法。例如，在一個(gè)HTML模板文件中，我們可以使用{{.Title}}來獲取和展示對應(yīng)的數(shù)據(jù)。

<!DOCTYPE html>
<html>
<head>
    <title>{{.Title}}</title>
</head>
<body>
    <h1>{{.Title}}</h1>
    <p>{{.Content}}</p>
</body>
</html>

加載模板

在程序中，我們需要告訴Gin在哪里查找這些模板文件。有兩種方式可以加載模板：router.LoadHTMLGlob和router.LoadHTMLFiles。

router := gin.Default()
router.LoadHTMLGlob("templates/*")

這個(gè)函數(shù)會(huì)加載templates目錄下的所有文件。你也可以使用router.LoadHTMLFiles函數(shù)指定模板文件的名字。

router := gin.Default()
router.LoadHTMLFiles("templates/template1.html", "templates/template2.html")

嵌套模板

Gin框架還支持模板的嵌套，例如我們可以頂一個(gè)base模板，然后在根據(jù)不同的頁面需要在base模板的基礎(chǔ)上進(jìn)行擴(kuò)展。

{{ define "base" }}
<!DOCTYPE html>
<html>
<head>
    <title>{{.Title}}</title>
    <style>
 body {
  padding: 15px;
 }
    </style>
</head>
<body>
    {{ template "content" . }}
</body>
</html>
{{ end }}