跳到主要内容

渲染模板

前言​

gin 支持加载HTML模板, 然后根据模板参数进行配置并返回相应的数据。

参考文档： https://gin-gonic.com/docs/examples/html-rendering/

使用LoadHTMLGlob() 或 LoadHTMLFiles()

示例代码​

基本使用​

func main() {
	router := gin.Default()
	router.LoadHTMLGlob("templates/*")
	//router.LoadHTMLFiles("templates/template1.html", "templates/template2.html")
	router.GET("/index", func(c *gin.Context) {
		c.HTML(http.StatusOK, "index.tmpl", gin.H{
			"title": "Main website",
		})
	})
	router.Run(":8080")
}

模板代码文件templates/index.tmpl

<html>
	<h1>
		{{ .title }}
	</h1>
</html>

相同命名不同目录​

func main() {
	router := gin.Default()
	router.LoadHTMLGlob("templates/**/*")
	router.GET("/posts/index", func(c *gin.Context) {
		c.HTML(http.StatusOK, "posts/index.tmpl", gin.H{
			"title": "Posts",
		})
	})
	router.GET("/users/index", func(c *gin.Context) {
		c.HTML(http.StatusOK, "users/index.tmpl", gin.H{
			"title": "Users",
		})
	})
	router.Run(":8080")
}

模板文件templates/posts/index.tmpl

{{ define "posts/index.tmpl" }}
<html>
    <h1>
	{{ .title }}
	</h1>
	<p>Using posts/index.tmpl</p>
</html>
{{ end }}

模板文件 templates/users/index.tmpl

{{ define "users/index.tmpl" }}
<html>
    <h1>
	{{ .title }}
	</h1>
<p>Using users/index.tmpl</p>
</html>
{{ end }}