当前位置：首页 > news >正文

Gin渲染

news 2026/5/27 10:49:02

HTML渲染

【示例1】

首先定义一个存放模板文件的 templates文件夹，然后在其内部按照业务分别定义一个 posts 文件夹和一个 users 文件夹。
在这里插入图片描述

`posts/index.tmpl`

{{define "posts/index.tmpl"}}
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>posts/index</title>
</head>
<body>{{.title}}
</body>
</html>
{{end}}

`users/index.tmpl`

{{define "users/index.tmpl"}}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>users/index</title>
</head>
<body>{{.title}}
</body>
</html>
{{end}}

`main.go`

Gin框架中使用 LoadHTMLGlob() 或者 LoadHTMLFiles() 方法进行HTML模板渲染。

package mainimport ("github.com/gin-gonic/gin""net/http"
)func main() {r := gin.Default()// r.LoadHTMLFiles("templates/index.tmpl", "templates/users/index.tmpl") // 模板解析r.LoadHTMLGlob("templates/**/*") // 从templates4目录及其所有子目录中加载所有的文件r.GET("/posts/index", func(c *gin.Context) {// HTTP请求c.HTML(http.StatusOK, "posts/index.tmpl", gin.H{ // 模板渲染"title": "posts/index.tmpl",})})r.GET("/users/index", func(c *gin.Context) {// HTTP请求c.HTML(http.StatusOK, "users/index.tmpl", gin.H{ // 模板渲染"title": "users/index.tmpl",})})r.Run(":9090") // 启动server
}

效果

在这里插入图片描述

【示例2】

`main.go`

package mainimport ("github.com/gin-gonic/gin""net/http"
)func main() {r := gin.Default()r.LoadHTMLFiles("./index.tmpl") // 模板解析r.GET("/index", func(c *gin.Context) {// HTTP请求c.HTML(http.StatusOK, "index.tmpl", gin.H{ // 模板渲染"title": "liwenzhou.com",})})r.Run(":9090") // 启动server
}

`index.tmpl`

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>posts/index</title>
</head>
<body>
{{.title}}
</body>
</html>

效果

在这里插入图片描述

自定义模板函数

定义一个不转义相应内容的 safe 模板函数

`main.go`

package mainimport ("github.com/gin-gonic/gin""html/template""net/http"
)func main() {r := gin.Default()// gin框架中给模板添加自定义函数r.SetFuncMap(template.FuncMap{"safe": func(str string) template.HTML {return template.HTML(str)},})r.LoadHTMLGlob("templates/**/*") // 从templates4目录及其所有子目录中加载所有的文件r.GET("/users/index", func(c *gin.Context) {// HTTP请求c.HTML(http.StatusOK, "users/index.tmpl", gin.H{ // 模板渲染"title": "<a href='https://liwenzhou.com'>李文周的博客</a>",})})r.Run(":9090") // 启动server
}

`users/index.tmpl`

{{define "users/index.tmpl"}}<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>users/index</title></head><body>{{.title | safe}}</body></html>
{{end}}

效果

在这里插入图片描述

静态文件处理

当渲染的HTML文件中引用了静态文件时，只需要按照以下方式在渲染页面前调用 gin.Static 方法即可。

`main.go`

package mainimport ("github.com/gin-gonic/gin""html/template""net/http"
)// 静态文件: html页面上用到的样式文件 。css js文件 图片
func main() {r := gin.Default()// 加载静态文件r.Static("/xxx", "./statics")// gin框架中给模板添加自定义函数r.SetFuncMap(template.FuncMap{"safe": func(str string) template.HTML {return template.HTML(str)},})r.LoadHTMLGlob("templates/**/*") // 从templates4目录及其所有子目录中加载所有的文件r.GET("/users/index", func(c *gin.Context) {// HTTP请求c.HTML(http.StatusOK, "users/index.tmpl", gin.H{ // 模板渲染"title": "<a href='https://liwenzhou.com'>李文周的博客</a>",})})r.Run(":9090") // 启动server
}

`users/index.tmpl`

{{define "users/index.tmpl"}}<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="/xxx/index.css"><title>users/index</title></head><body>{{.title | safe}}</body></html>
{{end}}

`index.css`

body {background-color: cadetblue;
}

效果

在这里插入图片描述

使用模板继承

Gin框架默认都是使用单模板，如果需要使用 block template 功能，可以通过 "github.com/gin-contrib/multitemplate" 库实现，具体示例如下：

首先，假设项目目录下的templates文件夹下有以下模板文件，其中 home.tmpl 和 index.tmpl 继承了 base.tmpl：

templates
├── includes
│   ├── home.tmpl
│   └── index.tmpl
├── layouts
│   └── base.tmpl
└── scripts.tmpl

定义一个 `loadTemplates` 函数

func loadTemplates(templatesDir string) multitemplate.Renderer {r := multitemplate.NewRenderer()layouts, err := filepath.Glob(templatesDir + "/layouts/*.tmpl")if err != nil {panic(err.Error())}includes, err := filepath.Glob(templatesDir + "/includes/*.tmpl")if err != nil {panic(err.Error())}// 为layouts/和includes/目录生成 templates mapfor _, include := range includes {layoutCopy := make([]string, len(layouts))copy(layoutCopy, layouts)files := append(layoutCopy, include)r.AddFromFiles(filepath.Base(include), files...)}return r
}

`main` 函数

func indexFunc(c *gin.Context){c.HTML(http.StatusOK, "index.tmpl", nil)
}func homeFunc(c *gin.Context){c.HTML(http.StatusOK, "home.tmpl", nil)
}func main(){r := gin.Default()r.HTMLRender = loadTemplates("./templates")r.GET("/index", indexFunc)r.GET("/home", homeFunc)r.Run()
}

补充文件路径处理

关于模板文件和静态文件的路径，需要根据公司/项目的要求进行设置。可以使用下面的函数获取当前执行程序的路径。

func getCurrentPath() string {if ex, err := os.Executable(); err == nil {return filepath.Dir(ex)}return "./"
}

JSON渲染

方法1：使用map

`main.go`1 ：`map`

package mainimport ("github.com/gin-gonic/gin""net/http"
)func main() {r := gin.Default()r.GET("/json", func(c *gin.Context) {data := map[string]interface{}{"name":    "小王子","message": "hello world!","age":     18,}c.JSON(http.StatusOK, data)})r.Run(":9090")
}

`main.go`2：`gin.H`

package mainimport ("github.com/gin-gonic/gin""net/http"
)func main() {r := gin.Default()r.GET("/json", func(c *gin.Context) {data := gin.H{"name": "小王子", "message": "hello world!", "age": 18}c.JSON(http.StatusOK, data)})r.Run(":9090")
}

效果

在这里插入图片描述

方法2: 结构体

`main,go`

package mainimport ("github.com/gin-gonic/gin""net/http"
)func main() {r := gin.Default()type msg struct {Name    stringMessage stringAge     int}r.GET("/another_json", func(c *gin.Context) {data := msg{"小王子","Hello golang!",18,}c.JSON(http.StatusOK, data)})r.Run(":9090")
}

效果

在这里插入图片描述

使用tag

package mainimport ("github.com/gin-gonic/gin""net/http"
)func main() {r := gin.Default()type msg struct {// 灵活使用tag来对结构体字段做定制化操作Name    string `json:"name"`Message stringAge     int}r.GET("/another_json", func(c *gin.Context) {data := msg{"小王子","Hello golang!",18,}c.JSON(http.StatusOK, data)})r.Run(":9090")
}

在这里插入图片描述

XML渲染

注意需要使用具名的结构体类型。

func main() {r := gin.Default()// gin.H 是map[string]interface{}的缩写r.GET("/someXML", func(c *gin.Context) {// 方式一：自己拼接JSONc.XML(http.StatusOK, gin.H{"message": "Hello world!"})})r.GET("/moreXML", func(c *gin.Context) {// 方法二：使用结构体type MessageRecord struct {Name    stringMessage stringAge     int}var msg MessageRecordmsg.Name = "小王子"msg.Message = "Hello world!"msg.Age = 18c.XML(http.StatusOK, msg)})r.Run(":8080")
}

YMAL渲染

r.GET("/someYAML", func(c *gin.Context) {c.YAML(http.StatusOK, gin.H{"message": "ok", "status": http.StatusOK})
})

protobuf渲染

r.GET("/someProtoBuf", func(c *gin.Context) {reps := []int64{int64(1), int64(2)}label := "test"// protobuf 的具体定义写在 testdata/protoexample 文件中。data := &protoexample.Test{Label: &label,Reps:  reps,}// 请注意，数据在响应中变为二进制数据// 将输出被 protoexample.Test protobuf 序列化了的数据c.ProtoBuf(http.StatusOK, data)
})

Gin渲染

HTML渲染【示例1】首先定义一个存放模板文件的 templates文件夹，然后在其内部按照业务分别定义一个 posts 文件夹和一个 users 文件夹。 posts/index.tmpl {{define "posts/index.tmpl"}} <!DOCTYPE html> <html lang"en">&…...

编程日记 2024/9/18 13:43:45

前端——JS基础

定义变量：let / var 字符串字符串拼接： 字符串和数字拼：您.... 25 ; 这个25会转成字符串再拼接字符串和数组拼：10以内的质数有： [2,3,5,7] > 10以内的质数有：2,3,5,7 字符串长度：leng…...

编程日记 2024/9/18 13:42:44

MATLAB入门教程

MATLAB安装教程可参考链接：matlab怎么安装 matlab安装教程-电脑软件-PHP中文网 1.MATLAB的工作环境 （1）命令窗(command window) 是对MATLAB进行操作的主要载体。默认情况下，启动MATLAB时就打开命令窗。MATLAB的所有所数…...

编程日记 2024/9/18 13:39:41

muduo - 概要简述

作者：陈硕编程语言：C 架构模式：Reactor 代码链接：GitHub - chenshuo/muduo: Event-driven network library for multi-threaded Linux server in C11 设计自述：https://www.cnblogs.com/Solstice/archive/2010/08…...

编程日记 2024/9/18 13:34:35

Selenium点击元素的方法

前言点击方法在web自动化测试中经常用到，下面就来介绍一下selenium常用和不常用的点击方法； 1、常用方法 1.1、使用 click() 方法：这是最简单和最常用的方法。通过选中要点击的元素，然后使用 click() 方法来触发点击事件。示例代码： element = self.driver.find_e…...

编程日记 2024/9/18 13:31:32

kali里面搭建docker容器

注意事项：kali版本，镜像源 （1）权限为管理员： sudo su (2) 更新软件包列表并升级已安装的软件包 apt-get update apt-get upgrade 出错了，应该是更新源出问题了。 （3）更换镜像源&am…...

编程日记 2024/9/18 13:27:27

WebGL系列教程八（GLSL着色器基础语法）

目录 1 前言2 基本原则3 基本数据类型4 顶点着色器和片元着色器4.1 声明4.2 初始化项目4.3 赋值 5 结构体5.1 声明5.2 赋值 6 函数6.1 基本结构6.2 自定义函数6.3 常用内置函数 7 精度8 其他9 总结 1 前言通过前七讲，我们已经见过了WebGL中的部分基础语法&#xff…...

编程日记 2024/9/18 13:26:26

go多线程

1、简单使用（这个执行完成，如果进程执行比较久，这里不会等待它们结束） package mainimport "time"func main() {go func() {println("Hello, World!")}()time.Sleep(1 * time.Second) }2、wg.Add(数量)使用&…...

编程日记 2024/9/18 13:25:21

【话题】如何看待IBM中国研发部裁员？

（一）背景在全球化的大趋势下，跨国公司的业务布局一直处于动态调整之中。IBM 作为全球知名的 IT 企业，在中国市场已经运营多年，其在中国的研发中心曾经为公司的全球业务发展做出了重要贡献。近年来，全球经…...

编程日记 2024/9/18 13:22:04

【C/C++】涉及string类的经典OJ编程题

【C/C】涉及string类的经典OJ编程题一. 把字符串转化成整数（atoi）解法一：（不用long）完整代码：解法二：（用long） 二.字符串相加代码实现（含注释）&a…...

编程日记 2024/9/18 13:19:32

淘系等电商平台API接口系列：商品详情数据解析，json数据返回参考

——在成长的路上，我们都是同行者。这篇关于商品详情API接口的文章，希望能帮助到您。期待与您继续分享更多API接口的知识，请记得关注Anzexi58哦！ 在淘系（如淘宝、天猫）等电商平台中，商品详情数据…...

编程日记 2024/9/18 13:18:07

vue组件之间的数据共享

一、组件之间的关系 1.父子关系 2.兄弟关系 3.后代关系二、父子组件之间的数据共享 1.父-->子共享数据父组件通过v-bind属性绑定向子组件共享数据，子组件需要使用props接受数据。 <template><p>父组件</p><Son :msg"msg"…...

编程日记 2024/9/18 13:16:04

LangChain：构建强大的LLM应用的全方位框架

LangChain：构建强大的LLM应用的全方位框架引言在人工智能和大语言模型（LLMs）快速发展的今天，开发者们迫切需要一个强大而灵活的框架来简化LLM应用的开发过程。LangChain应运而生，它不仅提供了丰富的工具和组件&…...

编程日记 2024/9/18 13:15:00

自有平台自有品牌如何利用电商API接口做定价参考（多平台商品详情数据接口）

如今，多数自有商城自有品牌在为产品做定价时都会参考淘宝|天猫|京东等主流电商平台的商品价格以做参考，这一行为的好处主要有以下几点： 通过参考主流平台价格，用户更能了解目标市场中消费者对产品的接受度，从而制定出符…...

编程日记 2024/9/18 13:08:53

三万字长文Java面试题——基础篇（注：该篇博客将会一直维护最新维护时间：2024年9月18日）

🧸本篇博客重在讲解Java基础的面试题，将会实时更新，欢迎大家添加作者文末联系方式交流 📜JAVA面试题专栏：JAVA崭新面试题——2024版_dream_ready的博客-CSDN博客 📜作者首页： dream_ready-CSDN博…...

编程日记 2024/9/18 13:07:51

数学建模——熵权+TOPSIS+肘部法则+系统聚类

文章目录一、起因二、代码展示一、起因我本科的数学建模队长找上我，让我帮她写下matlab代码，当然用的模型还是曾经打比赛的模型，所以虽然代码量多，但是写的很快，也是正逢中秋，有点时间。当然我也没想到…...

编程日记 2024/9/18 13:06:47

Java | Leetcode Java题解之第403题青蛙过河

题目： 题解： class Solution {public boolean canCross(int[] stones) {int n stones.length;boolean[][] dp new boolean[n][n];dp[0][0] true;for (int i 1; i < n; i) {if (stones[i] - stones[i - 1] > i) {return false;}}for (int i 1…...

编程日记 2024/9/18 13:05:45

828华为云征文｜华为Flexus云服务器搭建OnlyOffice私有化在线办公套件

一、引言在当今数字化办公的时代，在线办公套件的需求日益增长。华为Flexus云服务器凭借其强大的性能和稳定性，为搭建OnlyOffice私有化在线办公套件提供了理想的平台。在2024年9月14日这个充满探索精神的日子里，我们开启利用华为Flexus云服务…...

编程日记 2024/9/18 13:04:44

[Java]maven从入门到进阶

介绍 apache旗下的开源项目,用于管理和构建java项目的工具官网: Welcome to The Apache Software Foundation! 1.依赖管理通过简单的配置, 就可以方便的管理项目依赖的资源(jar包), 避免版本冲突问题优势: 基于项目对象模型(POM),通过一小段描述信息来管理项目的构建 2…...

编程日记 2024/9/18 13:03:43

Leetcode面试经典150题-130.被围绕的区域

给你一个 m x n 的矩阵 board ，由若干字符 X 和 O 组成，捕获所有被围绕的区域： 连接：一个单元格与水平或垂直方向上相邻的单元格连接。区域：连接所有 O 的单元格来形成一个区域。围绕：如果您可以用 X 单…...

编程日记 2024/9/18 13:02:41

如何用deberta-v3-base-zeroshot-v2.0构建企业级NLP应用？完整教程来了

如何用deberta-v3-base-zeroshot-v2.0构建企业级NLP应用？完整教程来了【免费下载链接】deberta-v3-base-zeroshot-v2.0 项目地址: https://ai.gitcode.com/hf_mirrors/NingBo_Ascend/deberta-v3-base-zeroshot-v2.0 deberta-v3-base-zeroshot-v2.0是一款基…...

编程新知 2026/5/26 4:42:23

CentOS 7下‘Development Tools’和‘开发工具’组有区别吗？实测告诉你答案

CentOS 7下‘Development Tools’与‘开发工具’的隐藏关联：技术细节全解析在Linux系统管理中，yum的软件包组功能一直是个既实用又充满谜团的领域。特别是当系统语言环境与软件包元数据语言不一致时，开发者们常常会遇到一个有趣的现象&#x…...

编程新知 2026/5/26 3:38:09

从电磁炉到户外电源：拆解单相SVPWM如何让你的逆变器更安静、更高效

从电磁炉到户外电源：单相SVPWM如何实现静音与高效的双重突破当你深夜用电磁炉煮面时，是否曾被突然的蜂鸣声吓一跳？或是发现户外电源给设备充电时，散热风扇的噪音盖过了山林鸟鸣？这些常见问题背后，隐藏着一个…...

编程新知 2026/5/26 2:31:36

从多路复用到三维光阵：Arduino驱动8x8x8 LED立方体全解析

1. 项目概述：用Arduino点亮一个三维世界几年前，我第一次在创客展上看到一个8x8x8的LED立方体，那种由数百个光点构成的、在三维空间中流动的动画效果，瞬间就把我吸引住了。它不像普通的平面LED屏，而是真正有“深度”的光…...

编程新知 2026/5/26 2:05:15

长期使用Taotoken聚合服务对项目月度账单的可预测性提升

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度长期使用Taotoken聚合服务对项目月度账单的可预测性提升在AI驱动的项目开发与运营中，成本控制与预算规划是团队管理者…...

编程新知 2026/5/26 0:30:20

LoRa物联网与动态基线算法在养殖体温监测中的实战应用

1. 项目概述：为什么我们需要一个智能体温监测系统？在规模化养殖场里干了十几年，我见过太多因为体温异常没被及时发现而导致的损失。一头育肥猪突然不吃食，等饲养员第二天巡栏发现时，可能已经高烧好几天，继发…...

编程新知 2026/5/25 20:22:06

Safe Exam Browser虚拟机绕过实战：深度解析与安全研究指南

Safe Exam Browser虚拟机绕过实战：深度解析与安全研究指南【免费下载链接】safe-exam-browser-bypass A VM and display detection bypass for SEB. 项目地址: https://gitcode.com/gh_mirrors/sa/safe-exam-browser-bypass 在数字化教育快速发展的今天&…...

编程新知 2026/5/25 15:39:42

C++的单例模式及其作用

什么是单例模式？无论是在面向对象编程还是软件架构中，单例模式都扮演着至关重要的角色。它不仅能够确保一个类只有一个实例存在，还能够提供全局访问点，使得我们可以方便地在程序的任何地方使用该实例。但有几个设计模式并非解决抽…...

编程新知 2026/5/25 14:56:35

【独家首发】DeepSeek官方未公开的集成测试Checklist（含23项生产环境准入阈值与压测基线）

更多请点击： https://codechina.net 第一章：DeepSeek集成测试方案 DeepSeek模型的集成测试需覆盖推理服务稳定性、多模态输入兼容性、上下文长度边界及API协议一致性四大核心维度。测试环境基于Kubernetes集群部署，采用PrometheusGrafana监控…...

编程新知 2026/5/25 14:40:38

在github上快速接入taotoken大模型api的python调用教程

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度在GitHub上快速接入Taotoken大模型API的Python调用教程对于希望快速集成大模型能力的开发者而言，找到一个统一、便捷的…...

编程新知 2026/5/25 14:25:44

HTML渲染

【示例1】

posts/index.tmpl

users/index.tmpl

main.go

效果

【示例2】

main.go

index.tmpl

效果

自定义模板函数

main.go

users/index.tmpl

效果

静态文件处理

main.go

users/index.tmpl

index.css

效果

使用模板继承

定义一个 loadTemplates 函数

main 函数

补充文件路径处理

JSON渲染

方法1：使用map

main.go1 ：map

main.go2：gin.H

效果

方法2: 结构体

main,go

效果

使用tag

XML渲染

YMAL渲染

protobuf渲染

相关文章：

`posts/index.tmpl`

`users/index.tmpl`

`main.go`

`main.go`

`index.tmpl`

`main.go`

`users/index.tmpl`

`main.go`

`users/index.tmpl`

`index.css`

定义一个 `loadTemplates` 函数

`main` 函数

`main.go`1 ：`map`

`main.go`2：`gin.H`

`main,go`