Gin(三):模板tmpl

最新推荐文章于 2025-09-16 17:21:50 发布

原创

最新推荐文章于 2025-09-16 17:21:50 发布 · 5.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#Gin #go #Gin tmpl #golang

本篇博客介绍了如何在Gin框架中添加和使用模板，包括创建tmpl文件夹和模板文件，通过LoadHTMLGlob加载模板，修改路由以渲染模板页面。此外，还讲述了如何添加静态资源如Bootstrap，引入jQuery和Popper，并设置网站图标，通过SetHTMLTemplate确保在单元测试中正确加载模板。最后，总结了使用Gin处理静态资源和定义网站图标的方法。

前面的学习已经对 Gin 有了一个初步的认识和了解，对 router 的简单使用也有了一定的掌握，那么今天就来使用 Gin 来渲染出我们的 html 页面吧。

?添加模板

我们仍旧是在上一章节的项目中进行修改。

首先新建一个 templates 文件夹，用于存放我们的模板文件，在文件夹中新建立 index.tmpl。并且编写我们的模板。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Gin Hello</title>
</head>
<body>
<main>{
  
  { .title }}</main>
</body>
</html>

小提示 GoLand 现在还未对 tmpl 有高亮显示语法，我们可以将 .tmpl 后缀文件添加到 go Template 模板。方法如下：File-settings-Editor-File Types。(或者我们直接使用 *.gohtml 做为模板也是可以的)如图:

添加模板

我们可以通过 LoadHTMLGlob 和 LoadHTMLFiles 两个方法来对我们的模板进行加载。其中 LoadHTMLGlob 方法可以将一个目录下所有的模板进行加载，而LoadHTMLFiles只会加载一个文件，他的参数为可变长参数，需要我们一个一个的手动将模板文件填写。这里我们使用 LoadHTMLGlob 方法。

router.LoadHTMLGlob("templates/*")

此时我们需要修改我们的 / 路由了，不再是让它返回一个字符串，而是返回我们的页面模板。

在 handler 中新建立一个 indexHandler.go ，用来处理我们的 / 路由。

func Index(context *gin.Context) {
   
   
	context.HTML(http.StatusOK, "index.tmpl", gin.H{
   
   
		"title": "hello gin " + strings.ToLower(context.Request.Method) + " method",
	})
}