Golang Fiber渲染问题：如何向多个模板传递数据？

问题原因 #

你在index.html中用{{ template "navbar" }}调用子模板时，没有传递当前的上下文对象（.），导致navbar.html里的.Title无法访问到父模板的渲染数据。

解决方法 #

1. 直接传递上下文给子模板 #

修改index.html中的navbar调用代码，在模板名称后加上.，把父模板的上下文传递给子模板：

{{ template "navbar" . }}

这样navbar.html里的.Title就能直接获取到你在main.go中传入的Title值了。

2. 封装公共渲染函数（避免重复代码） #

如果多个页面都需要使用navbar这类公共模板，且需要共享相同的公共数据（比如Title、菜单列表），可以封装一个公共渲染函数，不用为每个页面单独写重复的代码：

步骤1：封装公共函数

在你的代码中添加一个全局的公共渲染函数：

// 封装带公共数据的渲染函数
func renderWithCommon(c *fiber.Ctx, templateName string, pageData fiber.Map) error {
    // 定义所有页面共享的公共数据
    commonData := fiber.Map{
        "Title": titlebilgi.Bilgi1,
        // 可以添加其他公共数据，比如菜单列表、全局配置等
    }

    // 合并公共数据和当前页面的专属数据
    for key, value := range pageData {
        commonData[key] = value
    }

    // 渲染模板
    return c.Render(templateName, commonData)
}

步骤2：在页面函数中调用公共函数

修改你的BilgiGetir函数，调用封装好的公共渲染函数：

func (r *Repository) BilgiGetir(c *fiber.Ctx) error {
    // ... 原有的数据获取逻辑

    // 页面专属数据
    pageData := fiber.Map{
        "Bilgi":    bilgi,
        "IlanList": ilanlist,
    }

    // 使用公共渲染函数
    return renderWithCommon(c, "index", pageData)
}

其他页面函数也可以复用这个renderWithCommon函数，只需要传入对应的模板名称和页面专属数据即可，不用重复处理公共数据。

验证 #

完成上述修改后，navbar.html中的{{.Title}}就能正常渲染你传入的标题内容了。

内容的提问来源于stack exchange，提问作者Ugur Tas