如何在 Mustache 模板中正确渲染 Go 结构体切片

心靈之曲

心靈之曲

2026-02-02

871人浏览

原创

如何在 Mustache 模板中正确渲染 Go 结构体切片

mustache 模板无法直接遍历未命名的结构体切片;必须将切片包装为具名字段(如 `items`),再在模板中使用 `{{#items}}...{{/items}}` 语法迭代,否则循环区块会被忽略,仅渲染静态 html

Mustache 是一个逻辑无关(logic-less)的模板引擎,它严格依赖数据对象的键名(key name) 进行上下文查找。当你直接传入 []DataKey{...}(一个匿名切片),Mustache 在解析 {{#DataKey}} 时,会尝试在顶层数据对象中查找名为 "DataKey" 的字段——但该字段并不存在,因此整个区块被跳过,只渲染表头。

✅ 正确做法:显式封装为命名字段

你需要将切片包裹在一个结构体或 map 中,赋予其一个明确的、与模板中 {{#xxx}} 匹配的字段名。推荐使用匿名结构体(简洁、类型安全):

viewModel := struct {
    Items []DataKey `json:"items"` // 字段名需与模板中一致;json tag 可选(mustache 不强制依赖 json tag,但保持一致更稳妥)
}{
    Items: data, // 显式赋值,语义清晰
}

err := mustache.RenderFileInLayout(
    "templates/datakeys.html.mustache",
    "templates/layout.html.mustache",
    user,
    viewModel,
)
if err != nil {
    log.Printf("Template render error: %v", err)
}
⚠️ 注意:Items 字段首字母必须大写(导出),否则 Mustache 无法访问;字段名 Items 将映射为 JSON 键 "items"(Go 默认小写转驼峰规则),因此模板中应使用 {{#items}}(全小写)。

? 更新模板:匹配字段名

修改 datakeys.html.mustache,将 {{#DataKey}} 替换为 {{#items}}:



{{#items}}
    
{{/items}}
# UserID DataKey CreatedAt
{{Id}} {{UserId}} {{Data}} {{CreatedAt}}

? 补充说明与最佳实践

  • 时间字段格式化:Mustache 默认调用 time.Time.String()(如 2006-01-02 15:04:05.999999999 -0700 MST),通常不适用于前端展示。建议在 Go 层预格式化:

    Go语言(Golang)1.26.0
    Go语言(Golang)1.26.0

    Go语言(Golang)1.26.0版本提供 Go 官方 Windows amd64 MSI 安装包下载入口,版本号 1.26.0,可用于旧项目维护、兼容性测试和指定版本开发环境配置。

    下载
    type DataKeyView struct {
        Id        int64  `json:"id"`
        UserId    string `json:"user_id"`
        Data      string `json:"data"`
        CreatedAt string `json:"created_at"` // 已格式化为 "2024-05-20"
    }
    
    // 转换切片
    items := make([]DataKeyView, len(data))
    for i, d := range data {
        items[i] = DataKeyView{
            Id:        d.Id,
            UserId:    d.UserId,
            Data:      d.Data,
            CreatedAt: d.CreatedAt.Format("2006-01-02"),
        }
    }

    然后模板中直接 {{CreatedAt}} 即可输出友好日期。

  • 替代方案:使用 map(灵活性高,适合动态场景):

    viewModel := map[string]interface{}{
        "items": data,
        "user":  user,
    }
  • 调试技巧:若仍无输出,可在模板开头添加 {{.}} 查看完整上下文(需引擎支持),或打印 json.Marshal(viewModel) 验证结构是否符合预期。

通过显式命名 + 正确字段绑定,即可让 Mustache 准确识别并迭代结构体切片,彻底解决“只有表头”的问题。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

html js json 前端

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
golang如何定义变量
golang如何定义变量

golang定义变量的方法:1、声明变量并赋予初始值“var age int =值”;2、声明变量但不赋初始值“var age int”;3、使用短变量声明“age :=值”等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

355

5

golang有哪些数据转换方法
golang有哪些数据转换方法

golang数据转换方法:1、类型转换操作符;2、类型断言;3、字符串和数字之间的转换;4、JSON序列化和反序列化;5、使用标准库进行数据转换;6、使用第三方库进行数据转换;7、自定义数据转换函数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

454

5

golang常用库有哪些
golang常用库有哪些

golang常用库有:1、标准库;2、字符串处理库;3、网络库;4、加密库;5、压缩库;6、xml和json解析库;7、日期和时间库;8、数据库操作库;9、文件操作库;10、图像处理库。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

631

5

golang和python的区别是什么
golang和python的区别是什么

golang和python的区别是:1、golang是一种编译型语言,而python是一种解释型语言;2、golang天生支持并发编程,而python对并发与并行的支持相对较弱等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.05

551

5

golang是免费的吗
golang是免费的吗

golang是免费的。golang是google开发的一种静态强类型、编译型、并发型,并具有垃圾回收功能的开源编程语言,采用bsd开源协议。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.05.21

821

6

golang结构体相关大全
golang结构体相关大全

本专题整合了golang结构体相关大全,想了解更多内容,请阅读专题下面的文章。

2025.06.09

2097

18

golang相关判断方法
golang相关判断方法

本专题整合了golang相关判断方法,想了解更详细的相关内容,请阅读下面的文章。

2025.06.10

827

13

golang数组使用方法
golang数组使用方法

本专题整合了golang数组用法,想了解更多的相关内容,请阅读专题下面的文章。

2025.06.17

2793

17

golang数组大全
golang数组大全

本专题整合了golang数组相关问题解决方法,想了解更多相关内容,请阅读下面的文章。

2025.06.20

1771

22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 入门安装配置
Bootstrap 入门安装配置

共0课时 | 0人学习

38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 156人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 5万人学习