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

go模版引擎的使用~~

news 2025/9/2 13:09:30

go模板语句

以下是一些go语言模板引擎的一些简单知识和使用

基础语法

重要！！！：

模板在写动态页面的网站的时候，我们常常将不变的部分提出成为模板，可变部分通过后端程序的渲染来生成动态网页， golang也支持模板渲染。
【1】模板内内嵌的语法支持，全部需要加 {{}} 来标记。

【2】在模板文件内， . 代表了当前位置的上下文：

  1. （1）在非循环体内，. 就代表了后端传过来的上下文

  2. （2）在循环体中，. 就代表了循环的上下文，访问当前迭代的元素，意思是切片的话，循环里就是指数组的单个元素

    【3】在模板文件内， $.代表了模板根级的上下文

    【4】在模板文件内，$有两种用法：第一种，代表了当前迭代的索引值

    例子：

    {{ range $index, $element := .Items }}Index: {{ $index }}, Element: {{ $element }}
{{ end }}

    第二种：在模板中定义和赋值变量：这个之后会讲到

    {{ $variable := .SomeValue }}
后续的模板代码中使用 $variable来表示.SomeValue

简单示例

前端

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Gin模板引擎示例</title>
</head>
<body><h1>Hello, {{.Name}}!</h1>
</body>
</html>

后端

{{.Name}}实际就是获取了map中name字段的值package mainimport ("github.com/gin-gonic/gin"
)func main() {r := gin.Default()// 加载模板文件r.LoadHTMLGlob("templates/*")// 定义路由r.GET("/hello", func(c *gin.Context) {// 渲染模板，并传递数据c.HTML(200, "index.html", gin.H{"Name": "Gin User",//注意！：gin.H{"title": "Hello Gin"}实际是map[string]interface{}，通过用{{.Name}}实际就是获取了map中name字段的值，.就是上下文中gin.H传过来的数据；})})// 启动应用r.Run(":8080")
}

对符号的支持

  1. 1. 字符串：{{ “abc啦啦啦”}}                                       输出 abc啦啦啦
2. 原始字符串：用转义字符{ {`啦啦啦` } }    { { `a` } }    不会转义   输出 啦啦啦a
3. 字节类型：{ { 'a' } } ---> 97  会转义                          输出 97
4. 打印：打印 :字符串： { { print "abc李总辉" } }                        输出：abc李总辉nil类型：{ { print nil } }                                    输出：<nil>

变量的定义和使用

演示：

讲到了$的第二个作用，变量的定义

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>变量的定义：{{$name := "马士兵888"}}变量的使用：{{$name}}
</body>
</html>
//最后会输出：   李总辉888

模板语法：

if语句:

支持最简单的bool类型和字符串类型的判断：

当.condition为bool类型的时候，则为true表示执行，当.condition为string类型的时候，则非空表示执行。

{{if .Condition}}{{/* 如果条件为真，执行此处的内容 */}}
{{else}}{{/* 如果条件为假，执行此处的内容 */}}
{{end}}
循环语句：

刚刚最开始也演示过

{{range .Items}}{{.}}   {{/* 输出当前迭代的元素 */}}
{{end}}
内置的模板函数：

（用到的时候再去看吧）

not 非
and 与
or 或
eq 等于
ne 不等于
lt 小于 (less than)
le 小于等于
gt 大于
ge 大于等于
with的使用

其实就是提供的一个简便的写法：，用于创建一个新的局部作用域

使用起来很简单

{{with .Value}}{{/* 在这个作用域内，可以直接访问 .Value ，就是说把.Value变成了.来操作*/}}
{{end}}

比如：

原写法：
Name: {{.Person.Name}}
Age: {{.Person.Age}}使用with
{{with .Person}}Name: {{.Name}}Age: {{.Age}}
{{end}}

模板函数

【1】print     打印字符串
【2】printf    按照格式化的字符串输出
格式：参照：Go中：fmt.Sprintf
PS : 具体的格式参照GO中格式：https://studygolang.com/pkgdoc
【3】len  返回对应类型的长度(map, slice, array, string, chan)
【4】管道传递符：   |  
函数中使用管道传递过来的数值 
【5】括号提高优先级别：()`

进阶示例：

后端

func Hello1(context *gin.Context){//定义数据：age := 19arr := []int{33,66,99}//将age 和arr放入map中：map_data := map[string]interface{}{"age" : age,"arr" : arr,}//获取路径中的参数值：context.HTML(200,"demo01/hello.html",map_data)将定义的数据（age和arr）传递给HTML模板，然后使用Gin框架将渲染后的HTML作为HTTP响应发送给客户端。在hello.html模板中使用age和arr的值来动态生成页面内容。

前端

<body>{{.age}
{{range .arr}}{{.}}{{$.age}}
{{end}}
<br>
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
{{/*$i,$v  从 后端传过来的map_data这个上下文中获取数据 */}}
{{range $i,$v := .arr}}{{$i}}{{$v}}
{{end}}</body>

后端

<body>{{/*获取后端传过来的map_data中的内容：*/}}{{/* . 当前的上下文，后端传过来的map_data这个上下文*/}}{{.age}}{{/*. 当前的上下文，后端传过来的map_data这个上下文*/}}{{range .arr}}{{/*. 上下文指的就是.arr这个上下文，指的就是遍历的每一个元素*/}}{{.}}{{/*在循环内部想获取根级上下文中的age的话，就需要使用$.来获取 （map_data这个上下文）*/}}{{$.age}}{{end}}<br>、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、{{/*$i,$v  从 后端传过来的map_data这个上下文中获取数据 */}}{{range $i,$v := .arr}}{{$i}}{{$v}}{{end}}
</body>

模版嵌套

为什么会有嵌套呢？他的作用其实还是很大的，主要用于在基础模版上充当更改部分模板的功能；

示例：

后端

// main.go
package mainimport ("html/template""net/http""github.com/gin-gonic/gin"
)var templates *template.Templatefunc init() {// 解析所有模板文件templates = template.Must(template.ParseGlob("templates/*.html"))
}func main() {router := gin.Default()// 基础路由router.GET("/", func(c *gin.Context) {// 渲染 index.html，不需要嵌套其他模板renderTemplate(c, "index.html", gin.H{"Title": "Home", "Content": "Welcome to the home page"})})// 带有模板嵌套的路由router.GET("/about", func(c *gin.Context) {// 渲染 base.html，并在 content 块中嵌套 about.htmlrenderTemplate(c, "base.html", gin.H{"Title": "About", "Content": "about.html"})})router.Run(":8080")
}func renderTemplate(c *gin.Context, tmpl string, data gin.H) {// 执行模板渲染err := templates.ExecuteTemplate(c.Writer, tmpl, data)if err != nil {// 处理错误c.AbortWithError(http.StatusInternalServerError, err)}
}// 路由渲染的是 "index.html" 模板，而 /about 路由渲染的是 "base.html" 模板，并在 content 块中嵌套了 "about.html" 模板。

前端：三个文件

------------templates/base.html-----------
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>{{.Title}}</title>
</head>
<body><div id="content">{{ template "content" . }}</div>
</body>
</html>

-------------- templates/index.html--------------
{{ define "content" }}<h1>{{.Title}}</h1><p>{{.Content}}</p>
{{ end }}

---------templates/about.html------------
{{ define "content" }}<h1>{{.Title}}</h1><p>This is the content of the about page.</p>
{{ end }}

模板文件之间通过 {{ template "content" . }} 来实现了模板嵌套。

基础模板 “base.html” 定义了一个 content 块，子模板通过定义同名的块来覆盖或扩展基础模板中的内容。

啥意思呢？其实就是**base.html 充当了一个基础布局模板，而 index.html 和 about.html 分别充当了具体页面的内容模板。通过模板嵌套，可以轻松地在不同页面之间共享基础布局，提高模板的复用性。**

模版继承

模板继承是一种模板组织方式，通过它，你可以创建一个包含通用结构和样式的基础模板，并在此基础上创建具体内容的子模板。子模板可以覆盖或扩展基础模板中的块，从而实现灵活的页面结构和外观定制。

在模板继承中，通常有两个主要角色：

  1. 基础模板（父模板）： 包含页面的整体结构、布局和通用元素。基础模板中定义了一些块（block），这些块表示可以被子模板覆盖或扩展的区域。
  2. 子模板： 继承基础模板，并提供具体的内容。子模板通过定义和填充基础模板中的块来定制页面的特定部分。

案例：

----------base.html----------
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>{% block title %}Default Title{% endblock %}</title>
</head>
<body><div id="content">{% block content %}{% endblock %}</div>
</body>
</html>
-------------child.html-------------
{% extends "base.html" %}{% block title %}Child Title{% endblock %}{% block content %}<h1>Welcome to the child page</h1><p>This is the content of the child page.</p>
{% endblock %}
子模板 `child.html` 使用了 `{% extends "base.html" %}` 来声明继承自 `base.html`，然后通过 `{% block title %}...{% endblock %}` 和 `{% block content %}...{% endblock %}` 来定义或覆盖基础模板中的块。

后端：

package mainimport ("html/template""net/http""github.com/gin-gonic/gin"
)var templates *template.Templatefunc init() {// 解析所有模板文件templates = template.Must(template.ParseGlob("templates/*.html"))
}func main() {// 创建Gin引擎router := gin.Default()// 子模板路由router.GET("/child", func(c *gin.Context) {// 渲染 child.htmlrenderTemplate(c, "child.html", nil)})// 启动服务器router.Run(":8080")
}func renderTemplate(c *gin.Context, tmpl string, data interface{}) {// 执行模板渲染err := templates.ExecuteTemplate(c.Writer, tmpl, data)if err != nil {// 处理错误c.AbortWithError(http.StatusInternalServerError, err)}
}

原文链自:https://lz.chatallshop.top/?p=156

相关文章：

go模版引擎的使用~~

go模板语句 以下是一些go语言模板引擎的一些简单知识和使用 基础语法 重要&#xff01;&#xff01;&#xff01;&#xff1a; 模板在写动态页面的网站的时候&#xff0c;我们常常将不变的部分提出成为模板&#xff0c;可变部分通过后端程序的渲染来生成动态网页&#xff0…...

编程日记 2023/11/27 10:49:27

我们为什么要进行敏捷开发培训

敏捷开发是一种以人为核心、迭代、循序渐进的软件开发方法。它强调团队合作、客户需求和适应变化。进行敏捷开发培训其实有多种原因&#xff0c;我整理了一些&#xff0c;可以作为参考&#xff1a; 理解敏捷原则和实践&#xff1a; 敏捷开发不仅是一种方法论&#xff0c;更是一…...

编程日记 2023/11/27 10:48:24

【算法萌新闯力扣】：合并两个有序链表

力扣题目&#xff1a;合并两个有序链表 开篇 今天是备战蓝桥杯的第24天及算法村开营第2天。根据算法村的讲义&#xff0c;来刷链表的相关题目。今天要分享的是合并两个有序链表。 题目链接: 21.合并两个有序链表 题目描述 代码思路 通过创建一个新链表&#xff0c;然后遍历…...

编程日记 2023/11/27 10:47:23

BEV+Transformer架构加速“上车”，智能驾驶市场变革开启

BEVTransformer成为了高阶智能驾驶领域最为火热的技术趋势。 近日&#xff0c;在2023年广州车展期间&#xff0c;不少车企及智能驾驶厂商都发布了BEVTransformer方案。其中&#xff0c;极越01已经实现了“BEVTransformer”的“纯视觉”方案的量产&#xff0c;成为国内唯一量产…...

编程日记 2023/11/27 10:45:22

Java中的jvm——面试题+答案（JVM的一些高级概念、调优技巧、垃圾回收算法等）——第13期

当涉及到Java虚拟机&#xff08;JVM&#xff09;时&#xff0c;面试官可能涉及更深入的问题&#xff0c;涵盖性能调优、垃圾回收算法、类加载机制等方面。 什么是类加载机制&#xff1f;请解释类加载的过程。 答案&#xff1a; 类加载是将类的.class文件加载到内存中的过程&…...

编程日记 2023/11/27 10:44:21

Android修行手册-ViewPager定制页面切换以及实现原理剖析

Unity3D特效百例案例项目实战源码Android-Unity实战问题汇总游戏脚本-辅助自动化Android控件全解手册再战Android系列Scratch编程案例软考全系列Unity3D学习专栏蓝桥系列ChatGPT和AIGC &#x1f449;关于作者 专注于Android/Unity和各种游戏开发技巧&#xff0c;以及各种资源分…...

编程日记 2023/11/27 10:43:20

Mycat实现读写分离

Mycat实现读写分离 Mycat支持MySQL主从复制状态绑定的读写分离机制。这里实现的也是基于MySQL主从复制的读写分离。 MySQL主从复制配置 首先要配置MySQL的主从复制&#xff0c;这里配置的是一主一次从。可以参考下面的文章。 https://blog.csdn.net/wsb_2526/article/detail…...

编程日记 2023/11/27 10:42:19

Ceph----CephFS文件系统的使用：详细实践过程实战版

CephFS 介绍 是一个基于 ceph 集群 且兼容 POSIX 标准的文件系统。 创建 cephfs 文件系统时 需要在 ceph 集群中添加 mds 服务&#xff0c;该服务 负责处理 POSIX 文件系统中的 metadata 部分&#xff0c; 实际的数据部分交由 ceph 集群中的 OSD 处理。 cephfs 支持以内核模块…...

编程日记 2023/11/27 10:41:18

python tkinter 使用(七)

python tkinter 使用(七) 本篇文章主要讲下tkinter 中的message 控件. Message控件可以用于在窗口中显示一段文本消息. 以下是个简单的例子: #!/usr/bin/python3 # -*- coding: UTF-8 -*- """Author: zhTime 2023/11/24 上午11:38 .Email:Describe: "…...

编程日记 2023/11/27 10:39:15

17. Python 数据库操作之MySQL和SQLite实例

目录 1. 简介2. 使用PyMySQL2. 使用SQLite 1. 简介 数据库种类繁多&#xff0c;每种数据库的对外接口实现各不相同&#xff0c;为了方便对数据库进行统一的操作&#xff0c;大部分编程语言都提供了标准化的数据库接口&#xff0c;用户不需要了解每种数据的接口实现细节&#x…...

编程日记 2023/11/27 10:38:14

Kafka-TopicPartition

Kafka主题与分区 主题与分区 topic & partition&#xff0c;是Kafka两个核心的概念&#xff0c;也是Kafka的基本组织单元。 主题作为消息的归类&#xff0c;可以再细分为一个或多个分区&#xff0c;分区也可以看作对消息的二次归类。 分区的划分为kafka提供了可伸缩性、水…...

编程日记 2023/11/27 10:37:12

英特尔工作站：助力专业用户实现高效创作

原创 | 文 BFT机器人 英特尔工作站是由全球知名的英特尔公司设计和开发的一款计算平台。英特尔在工作站处理器领域将其产品分为性能型和移动型两类&#xff0c;它的诞生旨在满足专业用户在科学、工程、设计等领域对高性能计算的需求。英特尔工作站配备了最新的英特尔处理器、大…...

编程日记 2023/11/27 10:36:11

软件工程期末复习（选择+填空+判断）

文章目录 软件工程期末复习一、 选择题 软件工程期末复习 一、 选择题 1.“软件危机”的表现不包括&#xff1a;&#xff08;c&#xff09; A、软件产品不能按期交付 B、用户对“已完成的”软件产品时常不满意 C、程序员越来越供不应求 D、软件项目难以管理&#xff0c;维护困…...

编程日记 2023/11/27 10:35:10

群晖NAS基础设置

群晖NAS基础设置 最近一直在玩群晖NAS系统&#xff0c;有一些基础的配置跟大家分享一下 开启ssh登录 1.开启方法 控制面板—>终端和SNMP—>终端机 2.使用ssh软件登录 这里我用SecureCRT登录 进入ssh 3.进入root用户 starstar-nas:~$ sudo su -l root Password: ro…...

编程日记 2023/11/27 10:34:08

2023亚太杯数学建模A题B题C题选题建议，思路分析，模型代码

目录 ABC题思路模型代码&#xff1a;获取见文末名片&#xff0c;第一时间更新 视频连接讲解如上 A题思路&#xff1a;采果机器人的图像识别技术思路模型代码 B题思路&#xff1a;玻璃温室中的微气候法规 C题思路&#xff1a;我国新能源电动汽车的发展趋势 ABC题思路模型代…...

编程日记 2023/11/27 10:33:06

OpenGL的学习之路 -5

1.视景体 正交投影 人眼看世界&#xff0c;有一个可见范围。范围内可见&#xff0c;范围外不可见。视景体就是这么一个概念。 &#xff08;上图仅学习记录用&#xff09; 在OGL中&#xff0c;有两种投影方式&#xff0c;对应两种视景体。第一种&#xff0c;正交投影&#xf…...

编程日记 2023/11/27 10:32:04

【linux】服务器CPU占用50%,top/htop/ps却看不到异常进程？使用unhide可以查看！

问题描述 htop发现前32个核全被占满了&#xff0c;但是却找不到对应进程号 查杀 治标&#xff1a;杀死隐藏进程 1、unhide 安装unhide apt-get install unhideunhide使用 unhide proc果然发现了隐藏进程 kill -9 kill -9 [pid]这么多pid号&#xff0c;我这边杀了其中…...

编程日记 2023/11/27 10:31:04

JSP EL表达式获取list/Map集合与java Bean对象

上文 JSP EL表达式基本使用 中 我们对EL表达式做了一个基本的了解 也做了基础的字符串数据使用 那么 我们可以来看一下我们的集合 首先 list 这个比较简单 我们直接这样写代码 <% page import"java.util.ArrayList" %> <% page import"java.util.Lis…...

编程日记 2023/11/27 10:30:03

汇编程序：查找数组中最大最小值

实验内容 1. 从数据段DS中包含9个字节的数组数据VALUE中分别找出最大值&#xff08;存到max中&#xff09;、最小值&#xff08;存到min中&#xff09;。 2. 能够单步执行程序&#xff0c;认真观察、判断每条指令执行的结果是否正确&#xff0c;对错误结果&#xff0c;能够做出…...

编程日记 2023/11/27 10:29:01

ElasticSearch之禁用交换分区

操作系统将进程加载至内存中执行时&#xff0c;对于当前未使用到的内存页&#xff0c;可能会将相关内存页交换至硬盘上&#xff0c;即swap。 对于性能敏感、时延敏感的应用程序比如ElasticSearch&#xff0c;swap特性会明显影响性能和稳定性&#xff0c;因此最好禁用swap特性。…...

编程日记 2023/11/27 10:28:00

【kafka】Golang实现分布式Masscan任务调度系统

要求&#xff1a; 输出两个程序&#xff0c;一个命令行程序&#xff08;命令行参数用flag&#xff09;和一个服务端程序。 命令行程序支持通过命令行参数配置下发IP或IP段、端口、扫描带宽&#xff0c;然后将消息推送到kafka里面。 服务端程序&#xff1a; 从kafka消费者接收…...

编程新知 2025/9/1 12:17:10

工业安全零事故的智能守护者：一体化AI智能安防平台

前言&#xff1a; 通过AI视觉技术&#xff0c;为船厂提供全面的安全监控解决方案&#xff0c;涵盖交通违规检测、起重机轨道安全、非法入侵检测、盗窃防范、安全规范执行监控等多个方面&#xff0c;能够实现对应负责人反馈机制&#xff0c;并最终实现数据的统计报表。提升船厂…...

编程新知 2025/8/22 4:03:50

什么？连接服务器也能可视化显示界面？：基于X11 Forwarding + CentOS + MobaXterm实战指南

文章目录 什么是X11？环境准备实战步骤1️⃣ 服务器端配置（CentOS）2️⃣ 客户端配置（MobaXterm）3️⃣ 验证X11 Forwarding4️⃣ 运行自定义GUI程序(Python示例)5️⃣ 成功效果![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/55aefaea8a9f477e86d065227851fe3d.pn…...

编程新知 2025/7/24 7:13:48

作为测试我们应该关注redis哪些方面

1、功能测试 数据结构操作&#xff1a;验证字符串、列表、哈希、集合和有序的基本操作是否正确 持久化&#xff1a;测试aof和aof持久化机制&#xff0c;确保数据在开启后正确恢复。 事务&#xff1a;检查事务的原子性和回滚机制。 发布订阅&#xff1a;确保消息正确传递。 2、性…...

编程新知 2025/7/9 4:58:11

零知开源——STM32F103RBT6驱动 ICM20948 九轴传感器及 vofa + 上位机可视化教程

STM32F1 本教程使用零知标准板&#xff08;STM32F103RBT6&#xff09;通过I2C驱动ICM20948九轴传感器&#xff0c;实现姿态解算&#xff0c;并通过串口将数据实时发送至VOFA上位机进行3D可视化。代码基于开源库修改优化&#xff0c;适合嵌入式及物联网开发者。在基础驱动上新增…...

编程新知 2025/8/31 9:33:16

【堆垛策略】设计方法

堆垛策略的设计是积木堆叠系统的核心&#xff0c;直接影响堆叠的稳定性、效率和容错能力。以下是分层次的堆垛策略设计方法&#xff0c;涵盖基础规则、优化算法和容错机制&#xff1a; 1. 基础堆垛规则 (1) 物理稳定性优先 重心原则&#xff1a; 大尺寸/重量积木在下&#xf…...

编程新知 2025/8/22 6:27:34

恶补电源：1.电桥

一、元器件的选择 搜索并选择电桥&#xff0c;再multisim中选择FWB&#xff0c;就有各种型号的电桥: 电桥是用来干嘛的呢&#xff1f; 它是一个由四个二极管搭成的“桥梁”形状的电路&#xff0c;用来把交流电&#xff08;AC&#xff09;变成直流电&#xff08;DC&#xff09;。…...

编程新知 2025/9/2 3:39:27

react菜单，动态绑定点击事件，菜单分离出去单独的js文件，Ant框架

1、菜单文件treeTop.js // 顶部菜单 import { AppstoreOutlined, SettingOutlined } from ant-design/icons; // 定义菜单项数据 const treeTop [{label: Docker管理,key: 1,icon: <AppstoreOutlined />,url:"/docker/index"},{label: 权限管理,key: 2,icon:…...

编程新知 2025/8/25 4:01:28

Yii2项目自动向GitLab上报Bug

Yii2 项目自动上报Bug 原理 yii2在程序报错时, 会执行指定action, 通过重写ErrorAction, 实现Bug自动提交至GitLab的issue 步骤 配置SiteController中的actions方法 public function actions(){return [error > [class > app\helpers\web\ErrorAction,],];}重写Error…...

编程新知 2025/8/10 22:48:40

ubuntu清理垃圾

windows和ubuntu 双系统&#xff0c;ubuntu 150GB&#xff0c;开发用&#xff0c;基本不装太多软件。但是磁盘基本用完。 1、查看home目录 sudo du -h -d 1 $HOME | grep -v K 上面的命令查看$HOME一级目录大小&#xff0c;发现 .cache 有26GB&#xff0c;.local 有几个GB&am…...

编程新知 2025/8/26 15:18:24