讲师中心 微信公众号
AI工具推荐 视频效率加速

Gin框架模板怎么实现分页导航条组件

陌枫姑娘_6906

陌枫姑娘_6906

发布时间:2026-10-19 10:45:23

|

673人浏览过

|

来源于php中文网

原创

Gin分页需手动实现:后端计算TotalPages、CurrentPage、HasPrev/HasNext及PageNumbers切片(含省略逻辑),传入模板渲染;URL需保留非page参数,模板中用range配合字符串"..."和类型判断处理页码显示。

gin框架模板怎么实现分页导航条组件

分页组件需要自己拼 HTML,Gin 没有内置分页函数

Gin 的 html/template 本身不提供分页逻辑或导航标签生成能力,Render 和 HTML 方法只负责渲染已准备好的数据。分页必须由你计算总页数、当前页、起始偏移等,并把结构化分页信息(如上一页/下一页链接、页码列表)传入模板。

常见错误是试图在模板里用 {{range}} 直接循环 1..TotalPages,但 Go 模板不支持数字区间迭代——你得提前生成一个 []int 页码切片传进去。

  • 后端需计算:TotalPages、CurrentPage、HasPrev、HasNext、PageNumbers(比如 [1,2,3,4,5] 或 [1,2,...,10,11])
  • 避免把数据库查询和分页计算混在 handler 里;建议封装成 Pagination 结构体,带 Offset() 和 Limits() 方法
  • URL 参数名统一用 page,别用 p 或 pageNum,方便前端和 SEO 一致处理

模板里用 range 渲染页码,但要小心空 slice 和边界

传入模板的 PageNumbers 是 []int,比如 [1 2 3 4 5] 或 [1 2 ... 9 10](注意省略号是字符串,不是数字)。模板中不能对 ... 做算术,所以推荐用字符串标识符(如 "...")+ 类型判断。

典型模板片段:

{{if .Pagination.HasPrev}}
  <a href="https://www.php.cn/link/6e0344592d8bc716eb67771cd607b835">&laquo; 上一页</a>
{{else}}
  <span class="disabled">&laquo; 上一页</span>
{{end}}

{{range .Pagination.PageNumbers}}
  {{if eq . "..."}}
    <span class="ellipsis">...</span>
  {{else}}
    {{if eq $.Pagination.CurrentPage .}}
      <span class="current">{{.}}</span>
    {{else}}
      <a href="https://www.php.cn/link/edfb568a7756d77f0896c11da06983a8">{{.}}</a>
    {{end}}
  {{end}}
{{end}}

{{if .Pagination.HasNext}}
  <a href="https://www.php.cn/link/395b197c65961b70132e7bea14250344">下一页 &raquo;</a>
{{else}}
  <span class="disabled">下一页 &raquo;</span>
{{end}}
  • $.Pagination.CurrentPage 中的 $ 是根作用域,避免 .CurrentPage 在 range 内被覆盖
  • 不要在模板里调用 len 或做除法——Go 模板函数能力极弱,所有计算必须前置
  • 如果 PageNumbers 是空 slice,range 会静默跳过,所以前后「上一页」「下一页」的显隐必须靠 HasPrev/HasNext 控制,不能依赖 len(PageNumbers)

后端构造 PageNumbers 时要处理“省略”逻辑,别硬写 1~10

真实分页不会显示全部页码,比如总共 103 页,当前第 6 页,应显示 1 2 3 4 5 6 7 8 ... 102 103,而不是 1~103。这个逻辑必须在 Go 代码里完成,模板只负责呈现。

Gin框架 1.9.0
Gin框架 1.9.0

Gin框架 1.9.0版本源码包下载,版本号 1.9.0,适合需要 sonic JSON 支持、路由修复和内容协商改进的 Go Web 开发场景。

下载

关键点:

  • 固定显示首尾各 2 个页码:1, 2, ..., Total-1, Total
  • 中间展示当前页 ±2 个:若 Current=6,中间段是 4,5,6,7,8;若 Current=2,则补足为 1,2,3,4
  • 用 map[string]interface{} 或专用结构体传参,别用裸 struct{}——字段名易错且无法加注释
  • 注意整数除法和边界:当 TotalPages == 1 时,HasPrev 和 HasNext 都应为 false,PageNumbers = []int{1}

URL 参数保留其他查询参数,否则筛选条件会丢失

点击分页链接时,如果只写 ?page=2,原本的 ?category=golang&sort=updated 就没了。必须把非 page 参数原样带上。

推荐做法:在 handler 里解析 r.URL.Query(),删掉 page 键,再拼回 query string:

q := r.URL.Query()
q.Del("page")
baseURL := r.URL.Path + "?" + q.Encode()

然后传 BaseURL 到模板,在链接里拼 {{.BaseURL}}&page=2。

  • 别用 fmt.Sprintf("%s?page=%d", r.Referer(), page)——Referer 不可靠,可能为空或含 fragment
  • 如果用了 Gin 的 c.Request.URL,注意它不含 scheme 和 host,只用于相对路径
  • 前端 JS 分页时也要同步处理 query,否则和服务端逻辑不一致
分页看着简单,真正容易出问题的是页码越界(比如请求 page=0 或 page=9999)、总数变更导致的页码错位,以及多条件筛选时 query 拼接遗漏。这些都得在 handler 层做校验和归一化,模板只管“怎么画”,不管“画什么”。

热门AI工具

更多
讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

相关专题

更多
Golang 入门学习路线:从零基础到上手开发
Golang 入门学习路线:从零基础到上手开发

Golang 入门路线涵盖从零到上手的核心路径:首先打牢基础语法与切片等底层机制;随后攻克 Go 的灵魂——接口设计与 Goroutine 并发模型;接着通过 Gin 框架与 GORM 深入 Web 开发实战;最后在微服务与云原生工具开发中进阶,旨在培养具备高性能并发处理能力的后端工程师。

226

2026.02.24

Golang 疑难杂症解决指南:常见问题排查与优化
Golang 疑难杂症解决指南:常见问题排查与优化

《Golang 疑难杂症解决指南》聚焦开发过程中常见却棘手的问题,从并发模型、内存管理、性能瓶颈到工程化实践逐步拆解。通过真实案例与调试思路,帮助开发者定位问题根因,建立系统化排查方法。不只给出答案,更强调分析路径与工具使用,让你在复杂 Go 项目中具备持续解决问题的能力。

133

2026.02.24

Golang 运行与部署实战:从本地到云端
Golang 运行与部署实战:从本地到云端

《Golang 运行与部署实战》围绕 Go 应用从开发完成到稳定上线的完整流程展开,系统讲解编译构建、环境配置、日志与配置管理、容器化部署以及常见运维问题处理。结合真实项目场景,拆解自动化构建与持续部署思路,帮助开发者建立可靠的发布流程,提升服务稳定性与可维护性。

657

2026.02.24

Golang 面试题精选:高频问题与解答
Golang 面试题精选:高频问题与解答

Golang 面试题精选》系统整理企业常见 Go 技术面试问题,覆盖语言基础、并发模型、内存与调度机制、网络编程、工程实践与性能优化等核心知识点。每道题不仅给出答案,还拆解背后的设计原理与考察思路,帮助读者建立完整知识结构,在面试与实际开发中都能更从容应对复杂问题。

238

2026.02.24

Golang 性能优化专题:提升应用效率
Golang 性能优化专题:提升应用效率

《Golang 性能优化专题》聚焦 Go 应用在高并发与大规模服务中的性能问题,从 profiling、内存分配、Goroutine 调度、GC 机制到 I/O 与锁竞争逐层分析。结合真实案例讲解定位瓶颈的方法与优化策略,帮助开发者建立系统化性能调优思维,在保证代码可维护性的同时显著提升服务吞吐与稳定性。

477

2026.02.24

Golang 生态工具与框架:扩展开发能力
Golang 生态工具与框架:扩展开发能力

《Golang 生态工具与框架》系统梳理 Go 语言在实际工程中的主流工具链与框架选型思路,涵盖 Web 框架、RPC 通信、依赖管理、测试工具、代码生成与项目结构设计等内容。通过真实项目场景解析不同工具的适用边界与组合方式,帮助开发者构建高效、可维护的 Go 工程体系,并提升团队协作与交付效率。

208

2026.02.24

Golang 并发编程专题:掌握多核时代的核心技能
Golang 并发编程专题:掌握多核时代的核心技能

《Golang 并发编程专题:掌握多核时代的核心技能》系统讲解 Go 在并发领域的设计哲学与实践方法,深入剖析 goroutine、channel、调度模型与并发安全机制,结合真实场景与性能思维,帮助开发者构建高吞吐、低延迟、可扩展的并发程序,全面提升多核时代的工程能力。

584

2026.02.26

Golang Web 开发路线:构建高效后端服务
Golang Web 开发路线:构建高效后端服务

《Golang Web 开发路线:构建高效后端服务》围绕 Go 在后端领域的工程实践,系统讲解 Web 框架选型、路由设计、中间件机制、数据库访问与接口规范,结合高并发与可维护性思维,逐步构建稳定、高性能、易扩展的后端服务体系,帮助开发者形成完整的 Go Web 架构能力。

245

2026.02.26

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

60

2026.10.16

热门下载

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

精品课程

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn