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

Gin渲染

news 2026/3/31 14:40:20

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

Ollama+Qwen2.5-VL搭建教程：打造你的智能视觉分析工具

OllamaQwen2.5-VL搭建教程：打造你的智能视觉分析工具 1. 引言：为什么选择Qwen2.5-VL 在当今AI技术快速发展的时代，视觉-语言多模态模型正成为解决复杂问题的关键工具。Qwen2.5-VL-7B-Instruct作为通义千问系列的最新成员，在视觉…...

编程新知 2026/3/31 14:07:18

从静态到动态：开源AI视频生成工具如何用3分钟改变你的创作方式

从静态到动态：开源AI视频生成工具如何用3分钟改变你的创作方式【免费下载链接】stepvideo-ti2v 项目地址: https://ai.gitcode.com/StepFun/stepvideo-ti2v 在AI技术日新月异的今天，视频创作正经历着一场前所未有的革命。阶跃星辰推出的Step-Vi…...

编程新知 2026/3/31 13:45:07

Mirage Flow 与卷积神经网络（CNN）的跨模态融合应用

Mirage Flow 与卷积神经网络（CNN）的跨模态融合应用你有没有想过，让机器不仅能“看见”图片，还能像人一样“理解”并“描述”图片里的故事？比如，给一张复杂的医学影像，它不仅能圈出病灶&#x…...

编程新知 2026/3/31 13:00:37

宠物店主的福音：用LongCat一键生成宠物服装电商主图，省时省力

宠物店主的福音：用LongCat一键生成宠物服装电商主图，省时省力 1. 为什么宠物店主需要AI图片编辑工具开宠物店的朋友们都知道，商品主图的质量直接影响销量。一件宠物小衣服，如果只是平铺拍摄或者随便套在模特身上，很…...

编程新知 2026/3/31 11:49:21

别再只加Mask了！手把手教你用FlashAttention实现真正的Sliding Window Attention（附代码）

突破传统误区：用FlashAttention实现高效滑动窗口注意力的实战指南在Transformer模型优化领域，许多开发者对滑动窗口注意力(Sliding Window Attention, SWA)存在一个普遍误解——认为只需在注意力矩阵上添加滑动窗口掩码就能实现线性复杂度。这种错误认…...

编程新知 2026/3/31 11:41:18

水墨江南模型效果对比：不同参数下的笔触与渲染风格

水墨江南模型效果对比：不同参数下的笔触与渲染风格最近在尝试用AI生成水墨画，发现一个挺有意思的现象：同一个“水墨江南”模型，用不同的参数设置，画出来的效果天差地别。有时候是寥寥几笔的写意小品，有时…...

编程新知 2026/3/31 11:35:17

在Python项目中是否应该采用分层结构

在学习Python的过程中，许多开发人员会发现，一些Django项目在视图函数中包含了大量的业务逻辑，类似于Java中的控制器进行过多的业务处理。这导致了一个关键问题：Python项目是否应该采用分层结构？这与MVC(模型-视图-控制…...

编程新知 2026/3/31 9:30:06

3步实现GitHub全界面中文化：高效本地化工具提升开发效率指南

3步实现GitHub全界面中文化：高效本地化工具提升开发效率指南【免费下载链接】github-chinese GitHub 汉化插件，GitHub 中文化界面。 (GitHub Translation To Chinese) 项目地址: https://gitcode.com/gh_mirrors/gi/github-chinese 在全球化协作…...

编程新知 2026/3/31 9:20:02

3个突破性技术，让抖音无水印视频下载效率提升200%

3个突破性技术，让抖音无水印视频下载效率提升200% 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support. …...

编程新知 2026/3/31 9:05:53

基于 SpringBoot 的自助图书借阅管理系统源码讲解

以下是一个基于 SpringBoot 的自助图书借阅管理系统的核心源码讲解，涵盖用户管理、图书管理、借阅管理、设备对接等关键模块，代码结构清晰，可直接用于学习或二次开发。一、项目结构src/main/java/com/library/ ├── config/ # 配…...

编程新知 2026/3/31 8:39:46

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`