Go Gin 框架与 HTML 模板学习笔记

于 2024-10-09 18:18:27 发布
阅读量242 收藏 7
点赞数 2
文章标签： golang gin html template
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17280559/article/details/142793346
版权

文章目录

1. 简介

Gin 是 Go 语言中常用的高性能轻量级 HTTP Web 框架，适合快速开发 RESTful API 和 Web 应用。Gin 支持 HTML 模板渲染，基于 Go 标准库 html/template，提供了安全、高效的模板功能。本文主要介绍如何在 Gin 中使用 HTML 模板。

2. 安装与项目结构

首先，确保已安装 Go 语言环境，然后安装 Gin 框架：

go get -u github.com/gin-gonic/gin
项目结构：
go-gin-template/
    ├── main.go
    └── templates/
        └── index.html

3. 基本使用

3.1 创建基本的 HTTP 服务
package main

import (
    "github.com/gin-gonic/gin"
)

func main() {
    r := gin.Default() // 创建Gin路由引擎

    // 加载模板文件夹中的所有HTML文件
    r.LoadHTMLGlob("templates/*")

    // 定义一个简单的处理器
    r.GET("/", func(c *gin.Context) {
        data := gin.H{
            "Title":   "Gin Template Example",
            "Message": "Welcome to Go Gin Templates!",
        }
        c.HTML(200, "index.html", data) // 渲染模板并输出到客户端
    })

    r.Run(":8080") // 启动HTTP服务
}
3.2 创建模板文件

在 templates 目录下创建一个 index.html 文件：

templates/index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{.Title}}</title>
</head>
<body>
    <h1>{{.Message}}</h1>
</body>
</html>
3.3 运行程序
go run main.go

浏览器访问 http://localhost:8080，你将看到页面渲染的内容。

4. Gin 模板渲染详解

  • LoadHTMLGlob(pattern string)：使用文件匹配模式加载模板文件，支持批量加载，例如 r.LoadHTMLGlob("templates/*")。

  • LoadHTMLFiles(filenames ...string)：手动指定模板文件路径加载多个模板文件。

  • c.HTML(httpStatus int, name string, obj interface{})：渲染HTML模板，name 为模板文件名，obj 为传递的数据。

4.1 传递数据

Gin 提供 gin.H{}（类似于 map[string]interface{}）来传递数据至模板：

data := gin.H{
    "Title":   "Page Title",
    "Message": "Hello, World!",
}

模板中使用 {{.Key}} 来引用数据：

<title>{{.Title}}</title>
<h1>{{.Message}}</h1>

5. 处理复杂数据结构

除了简单的数据类型，Gin模板支持传递数组、切片、结构体等复杂数据。

5.1 传递切片数据
r.GET("/list", func(c *gin.Context) {
    items := []string{"Item 1", "Item 2", "Item 3"}
    c.HTML(200, "list.html", gin.H{
        "Items": items,
    })
})

模板文件 list.html:

<ul>
    {{range .Items}}
    <li>{{.}}</li>
    {{end}}
</ul>

6. 静态文件服务

Gin 提供了处理静态文件的简单方法。可以通过 Static() 方法提供静态文件目录，比如 CSS、JS 或图片。

r.Static("/assets", "./assets")

这样，/assets 路径下的文件可以通过浏览器访问，例如 http://localhost:8080/assets/style.css。

7. 模板的高级特性

html/template 是 Go 的标准库，提供了灵活的模板语法。常用特性如下：

7.1 条件判断
{{if .Condition}}
    <p>Condition is true</p>
{{else}}
    <p>Condition is false</p>
{{end}}
7.2 循环语句
<ul>
    {{range .Items}}
    <li>{{.}}</li>
    {{end}}
</ul>
7.3 自定义模板函数

Gin允许你为模板注册自定义函数，来格式化或处理数据。

r.SetFuncMap(template.FuncMap{
    "upper": strings.ToUpper, // 注册自定义函数
})

r.LoadHTMLGlob("templates/*")

在模板中使用自定义函数：

<p>{{upper .Message}}</p>

8. 总结

通过 Gin 框架，你可以高效地构建 Web 应用，同时借助 Go 语言的 html/template 来安全、灵活地渲染HTML页面。Gin 支持静态文件服务、复杂数据传递、自定义函数等高级功能，非常适合现代 Web 应用的开发。

主要学习要点：

  • Gin 路由与 HTML 模板集成：掌握如何使用 Gin 渲染 HTML 模板。
  • 模板语法：学习 html/template 的基本语法，如变量插值、条件判断、循环等。
  • 静态文件处理：理解 Gin 如何提供静态资源服务。
  • 自定义模板函数：能够扩展模板功能，适应项目的需求。
qq_17280559
关注
(Golang) Gin 模板语法
canduecho的专栏
05-31 1112
在编写 Gin 应用程序时，有三种方式使用模板引擎：函数、render.HTML 中间件和 gin.Context.HTML方法。以上是关于 Gin 模板引擎的简单介绍和使用方法，掌握了这些基本特性和用法之后，可以在 Gin 应用程序的开发中使用模板引擎实现更高效的 Web 开发。学习目标：了解 Gin 模板引擎的基本特性和常用语法，掌握在 Gin 框架中使用模板引擎的方法。Gin 模板支持嵌入式模板，可以将一个模板嵌入另一个模板中，从而实现代码的重用。和 Go 模板一样，使用 `{{` 和 `}}`。
Go Gin 框架学习笔记
weixin_49457619的博客
11-15 839
Go Gin 框架学习笔记 Gin 描述 轻量级 http web 框架，允许速度非常快 最擅长的是 Api 接口的高并发 入门 创建默认的路由引擎 r = gin.Default() 启动 http 服务，默认在 8080 端口 r.Run(":8000") 返回字符串 c.String(200, "我是新闻页面") c.String(200, "值： %v", "你好gin") gin 支持 RestFul r.PUT() r.GET() r.POST() r.DELETE()
【Go】面向萌新的Gin框架知识梳理学习笔记
uuzeray的博客
03-31 907
Gin 是一个用 Go 语言编写的 Web 框架，它提供了一组强大的工具和功能，用于快速构建高性能的 Web 应用程序和 API。在 Gin 中，通过调用GETPOSTPUTDELETE等方法可以定义不同 HTTP 方法的路由，并指定相应的处理器函数。// GET 请求")})// POST 请求// 处理 POST 请求})模板文件通常是.html文件，里面可以包含静态的 HTML 标签，也可以包含用于动态数据绑定的模板语法。Gin 使用 Go 标准库的包作为模板引擎，支持所有的功能。
【Go】-Gin框架
knoci的博客
09-10 1470
Gin是一个用Go语言编写的web框架。它是一个类似于martini但拥有更好性能的API框架, 由于使用了httprouter，速度提高了近40倍。如果你是性能和高效的追求者, 你会爱上Gin。在Gin框架中，SetFuncMap方法用于为模板渲染设置自定义的函数映射。这允许你在模板中使用自定义的函数，这些函数可以执行复杂的逻辑或操作，从而增强模板的灵活性和功能。：这是一个映射，键是字符串（函数名），值是可调用的函数func。这些函数可以在模板中被调用。定义一个不转义相应内容的safe},})
gin框架学习笔记
一弓虽的博客
02-25 451
gin框架学习笔记
Gin框架学习笔记
qwqgood的博客
04-21 1220
GIN框架学习 前言 这是一场试炼，战胜了过去的自己才能见到更好的未来！ DAY 1 今天用了一整天时间来学习go语言的语法。大致做了以下内容。 搭建GO语言环境 用vscode写代码时，需要打开一个工程文件夹，其中只能包含一个main.go文件和一个package main。当需要引入第三方的包时，需要在当前目录下用go mod init <工程名字> 来创建一个go.mod文件来存储第三方下载的包的依赖关系，然后再main.go中写代码即可。 写一个最简单go语言程序 = 表示赋值 := 表
Gin 框架学习笔记
Gettler的博客
05-27 307
生成一个 Engine，这是 gin 的核心，默认带有 Logger 和 Recovery 两个中间件。中间件 golang的net/http设计的一大特点就是特别容易构建中间件。gin也提供了类似的中间件。需要注意的是中间件只对注册过的路由函数起作用。对于分组路由，嵌套使用中间件，可以限定中间件的作用范围。也可在handler中局部使用，见api.GetUser。大致分为全局中间件，单个路由中间件和群组中间件。即使是全局中间件，在use前的代码不受影响。使用全局CORS中间件。
gin框架教程笔记
S_ZaiJiangHu的博客
03-14 1230
参考链接 官方中文文档：https://gin-gonic.com/zh-cn/docs/introduction/ 但是示例截图少 https://www.topgoer.com/gin%E6%A1%86%E6%9E%B6/ 这个网站不光有gin框架 适合阅读 快速入门—hello world 1安装 1.首先需要安装Go（需要1.10+版本），然后可以使用下面的Go命令安装Gin。 go get -u github.com/gin-gonic/gin 2.将其导入您的代码中： import “gith
Go Web--Gin框架学习笔记
niwoxiangyu的博客
05-25 544
1.使用Gin实现一个web服务。 使用gin的Default方法创建一个路由handler。然后通过HTTP方法绑定路由规则和路由函数。 package main import “github.com/gin-gonic/gin” func main() { //创建带有默认中间件的路由 r := gin.Default() //当客户端以GET方法请求/ping路径时，会执行后面的匿名函数 r.GET("/ping", func(c *gin.Context) { // c.JSON：返回JSON格式的
【Go从入门到实战】学习笔记，从零开始学Go、Gin框架，基本语法包括26个Demo，Gin框架包括：Gin自定义路由配置
05-22
【Go从入门到实战】的学习笔记是一份全面的教程，旨在帮助初学者系统地掌握Go语言和Gin框架。Go语言，由Google开发，是一种静态类型的、编译型的、并发型的语言，以其简洁的语法和高效的性能在云计算、网络服务和...
mysql设置表的某一个字段每天定时清零
最新发布
GoppViper的博客
10-04 960
这里的STARTS指定了事件开始的时间，‘2024 - 10 - 05 00:00:00’ 是一个示例时间，表示从 2024 年 10 月 5 日开始执行这个每天一次的操作。希望本文对你有所帮助！如果你有任何问题或建议，欢迎在评论区留言。2.检查和开启事件调度器（如果尚未开启）
go基础面试题汇总第一弹
weixin_43683432的博客
10-01 992
通常作为程序执行前包的初始化，例如mysql redis 等中间件的初始化。
【LeetCode】每日一题 2024_10_2 准时到达的列车最小时速（二分答案）
Locky136的博客
10-02 687
【LeetCode】每日一题 2024_10_2 准时到达的列车最小时速（二分答案）
GO网络编程（二）：客户端与服务端通信【重要】
技术卷的博客
10-03 1205
本节是新知识，偏应用，需要反复练习才能掌握。有五个部分：C/S通信示意图，服务端通信，客户端通信，通信测试，进阶练习：客户端间的通信
Go基础学习10-原子并发包sync.atomic的使用：CSA、Swap、atomic.Value......
FLJS_T的博客
10-02 1088
原子操作sync.atomic以及原子变量atomic.Value详细介绍。go中原生的支持原子操作的函数支持的变量类型int32、int64、uint32、uint64、uintptr，以及unsafe包中的Pointer。对于上述原子操作类型中的每一个，可以支持的数据类型有：==int32、int64、uint32、uint64、uintptr，以及unsafe包中的Pointer。但是否sync.Mutex变量能够保证操作的原子性。atomic.Value类型是开箱即用的，我们声明一个该类型的变量
GO网络编程（一）：基础知识
技术卷的博客
10-02 918
GO网络编程基础：TCP/IP协议栈介绍，端口的详细介绍，客户端和服务端的链接等
Golang | Leetcode Golang题解之第450题删除二叉搜索树的节点
weixin_66442839的博客
10-02 600
Golang | Leetcode Golang题解之第450题删除二叉搜索树的节点
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值