0

0

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

碧海醫心

碧海醫心

发布时间:2026-02-17 13:03:00

|

871人浏览过

|

来源于php中文网

原创

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

本文介绍如何在 go 模板中对时间戳数组进行逆序排序,并按年份自动分组渲染,避免重复年份标题,同时保持语义清晰与 html 结构合理。

本文介绍如何在 go 模板中对时间戳数组进行逆序排序,并按年份自动分组渲染,避免重复年份标题,同时保持语义清晰与 html 结构合理。

在构建博客或内容归档页面时,常需将文章按发布年份聚类展示(如“2009”下罗列该年所有文章),且期望按时间倒序排列(最新年份在前)。Go 的 html/template 本身不支持原生分组或复杂状态追踪,因此需结合 Go 后端预处理与模板函数协同实现。

✅ 步骤一:实现逆序排序

首先,让 Posts 类型满足 sort.Interface 接口,并通过 sort.Reverse 实现降序排列(即从最新日期到最旧):

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.Before(p.Posts[j].PostDate) // 升序逻辑
}
func (p Posts) Swap(i, j int)      { 
    p.Posts[i], p.Posts[j] = p.Posts[j], p.Posts[i] 
}

使用时调用:

sorted := Posts{originalPosts}
sort.Sort(sort.Reverse(sorted))

⚠️ 注意:sort.Reverse 包装的是升序比较逻辑(Less(i,j) 返回 true 表示 i 应排在 j 前),因此 Before() 的自然语义即可达成时间倒序效果。

✅ 步骤二:在模板中按年分组渲染

由于模板无法维护跨条目的状态(如“上一条的年份”),需借助自定义函数配合闭包来追踪当前年份:

Visual Studio IntelliCode
Visual Studio IntelliCode

微软VS平台的 AI 辅助开发工具

下载
currentYear := ""
funcMap := template.FuncMap{
    "newYear": func(t string) bool {
        if t == currentYear {
            return false
        }
        currentYear = t
        return true
    },
}
tmpl := template.New("archive").Funcs(funcMap)

在模板中使用(注意:.PostDate.Format "2006" 输出四位年份字符串):

{{ 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 ($.Posts | last | .PostDate.Format "2006") }}
    </ul>
  {{ end }}
{{ end }}

但上述末尾闭合 存在缺陷——模板无法可靠判断“本组结束”。更健壮的做法是在 Go 层完成分组,返回 map[string][]Post;若坚持纯模板方案,则推荐以下安全写法:

{{ $posts := .Posts }}
{{ $len := len $posts }}
{{ range $i, $post := $posts }}
  {{ $year := $post.PostDate.Format "2006" }}
  {{ if or (eq $i 0) (ne ($posts | index (sub $i 1) | .PostDate.Format "2006") $year) }}
    {{ if ne $i 0 }}</ul>{{ end }}
    <h2>{{ $year }}</h2>
    <ul>
  {{ end }}
  <li>{{ $post.PostDate.Format "2006 Jan 02" }}&raquo;<a href="{{ $post.URL }}">{{ $post.Title }}</a></li>
  {{ if eq $i (sub $len 1) }}</ul>{{ end }}
{{ end }}

? 提示:index, sub, len 等函数需在 FuncMap 中显式注册(如 text/template 默认未提供 sub,可用 sprig 库或自定义函数补全)。

? 总结与最佳实践

  • 优先后端分组:在 Go 代码中按年预聚合(map[int][]Post),再传入模板,语义清晰、性能可控、模板简洁;
  • 模板函数慎用状态:闭包变量 currentYear 在并发执行模板时存在竞态风险(如 HTTP handler 并发渲染),生产环境应避免;
  • 格式统一性:始终使用 Go 时间布局 "2006 Jan 02"(而非 "2006-01-02"),因其是固定参考时间 Mon Jan 2 15:04:05 MST 2006 的格式化标记;
  • 可访问性增强:年份标题建议用

    而非

  • ,符合文档大纲层级规范。

完整可运行示例见 Go Playground,已验证排序与分组逻辑正确性。

热门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数组用法,想了解更多的相关内容,请阅读专题下面的文章。

908

2025.06.17

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

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

283

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号