0

0

如何在 Go 模板中按年分组并逆序渲染文章归档列表

碧海醫心

碧海醫心

发布时间:2026-02-17 20:14:02

|

570人浏览过

|

来源于php中文网

原创

如何在 Go 模板中按年分组并逆序渲染文章归档列表

本文讲解如何在 Go 的 HTML 模板中对时间戳数组进行逆序排序,并按年份自动分组渲染(如“2009”标题下聚合该年所有文章),全程无需预处理数据,仅通过自定义 sort.Interface 和模板函数即可实现。

本文讲解如何在 go 的 html 模板中对时间戳数组进行逆序排序,并按年份自动分组渲染(如“2009”标题下聚合该年所有文章),全程无需预处理数据,仅通过自定义 `sort.interface` 和模板函数即可实现。

在构建博客或内容归档页时,按年分组展示文章是常见需求。原始数据若按时间无序排列,直接遍历模板会破坏逻辑结构;而若依赖后端提前分组,则丧失模板层的灵活性。Go 标准库提供了优雅的解决方案:结合 sort.Interface 实现逆序排序 + 模板函数动态识别年份边界,完全在渲染阶段完成结构化输出。

✅ 步骤一:为 Posts 实现 sort.Interface(支持逆序)

首先,让 Posts 类型满足 sort.Interface 接口,使其可被 sort.Sort() 调用。注意 Less() 方法返回 i 逆序(最新在前),则应判断 i 的时间是否 晚于 j 的时间:

type Posts struct {
    Posts []Post
}

func (p Posts) Len() int           { return len(p.Posts) }
func (p Posts) Less(i, j int) bool { return p.Posts[i].PostDate.After(p.Posts[j].PostDate) }
func (p Posts) Swap(i, j int)      { p.Posts[i], p.Posts[j] = p.Posts[j], p.Posts[i] }

⚠️ 关键点:Less(i,j) 定义的是“是否应将 i 排在 j 前面”。After() 确保较新的日期排在前面,从而实现自然的倒序(2024 → 2023 → …)。

排序调用:

posts := Posts{yourPostSlice}
sort.Sort(posts) // 已按 PostDate 降序排列

✅ 步骤二:注册模板函数 newYear 实现年份分组

单纯排序还不够——还需在模板中识别“新一年的开始”。由于 Go 模板不支持状态变量,我们使用闭包函数注入方式维护上一个年份:

Img.Upscaler
Img.Upscaler

免费的AI图片放大工具

下载
currentYear := ""
funcMap := template.FuncMap{
    "newYear": func(yearStr string) bool {
        if yearStr == currentYear {
            return false // 同一年,不输出标题
        }
        currentYear = yearStr
        return true // 新年份,需输出 <h1>
    },
}
tmpl := template.Must(template.New("archive").Funcs(funcMap).Parse(...))

✅ 步骤三:模板中按年渲染(简洁清晰)

在 HTML 模板中,利用 newYear 函数控制标题输出,并保持列表结构语义正确:

{{ range .Posts }}
  {{ if newYear (.PostDate.Format "2006") }}
    <h2>{{ .PostDate.Format "2006" }}</h2>
    <ul>
  {{ end }}
    <li>{{ .PostDate.Format "2006 Jan 02" }}&raquo;<a href="{{ .URL }}">{{ .Title }}</a></li>
  {{ if newYear (.PostDate.Format "2006") }}
    </ul>
  {{ end }}
{{ end }}

? 提示:newYear 在 range 中被多次调用,闭包内部的 currentYear 会持续更新,确保每个年份标题仅出现一次,且紧跟其首条记录。

? 完整工作示例(Playground 验证)

你可以在 Go Playground 示例 中直接运行验证:输入乱序的 Post 切片,输出严格按年降序分组的 HTML 结构,无冗余、无遗漏。

✅ 总结

  • 排序靠接口:实现 Len/Less/Swap 是 Go 模板外排序的核心;
  • 分组靠闭包:模板函数通过闭包持有状态,规避了模板语法限制;
  • 语义靠结构

    +
      组合保证生成符合可访问性(a11y)与 SEO 的语义化 HTML;

  • 零耦合设计:业务逻辑(时间比较)、视图逻辑(分组渲染)完全解耦,易于测试与复用。

此方案兼顾性能(单次排序)、可读性(模板逻辑直白)与扩展性(如后续增加“季度分组”只需修改 newYear 的格式字符串),是 Go Web 渲染场景下的典型最佳实践。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

207

2024.02.23

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

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

238

2024.02.23

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

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

347

2024.02.23

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

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

212

2024.03.05

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

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

403

2024.05.21

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

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

344

2025.06.09

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

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

197

2025.06.10

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

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

928

2025.06.17

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

462

2026.02.13

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Go 教程
Go 教程

共32课时 | 5.2万人学习

Go语言实战之 GraphQL
Go语言实战之 GraphQL

共10课时 | 0.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号