golang学习之gin--第⑤篇：模板渲染、嵌套和继承

最新推荐文章于 2024-04-26 17:02:34 发布
最新推荐文章于 2024-04-26 17:02:34 发布
阅读量1.6k 收藏 2
点赞数 2
分类专栏： golang学习 文章标签： golang 开发语言 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43761212/article/details/122301027
版权

Gin框架 模板渲染 模板嵌套 模板继承 Go语言
关键词由CSDN通过智能技术生成

目录

目录

一、模板渲染

1、一级模板渲染

目录结构
在这里插入图片描述

./main.go 文件：

package main

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

func main() {
	router := gin.Default()
	// 指定模板路径
	router.LoadHTMLGlob("template/*")

	router.GET("/index", func(c *gin.Context) {
		//  HTML(code int, name string, obj interface{}): 状态码, 模板文件, 模板参数
		c.HTML(http.StatusOK, "index.html", gin.H{"title": "我是测试"})
	})

	router.Run()
}

./tempalte/index.html 文件：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    {{.title}}
</body>
</html>

运行结果：
在这里插入图片描述
在这里插入图片描述

2、多级模板渲染

目录结构
在这里插入图片描述
./main.go 文件：

package main

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

func main() {
	router := gin.Default()
	// 指定模板路径
	router.LoadHTMLGlob("template/**/*")

	router.GET("/user", func(c *gin.Context) {
		//  HTML(code int, name string, obj interface{}): 状态码, 模板文件, 模板参数
		c.HTML(http.StatusOK, "user.html", gin.H{"title": "我是多级模板测试"})
	})

	router.Run()
}

tempalte/user/user.html 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{.title}}
</body>
</html>

运行结果：
在这里插入图片描述
在这里插入图片描述

二、模板嵌套

1、模板嵌套

目录结构
在这里插入图片描述

main.go 文件：

package main

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

func main() {
	router := gin.Default()
	// 指定模板路径
	router.LoadHTMLGlob("template/**/*")

	router.GET("/index", func(c *gin.Context) {
		c.HTML(http.StatusOK, "index/user.html", gin.H{"title": "我是模板继承测试"})
	})

	router.Run()
}

tempalte/public/header.html 文件：

{{define "public/header"}}
<!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>header</title>
</head>
<body>
<p>我是头部html</p>
{{end}}

tempalte/public/footer.html 文件：

{{define "public/footer"}}
<p>我是尾部html</p>
</body>
</html>
{{ end }}

tempalte/user/user.html 文件：

{{ define "user/index.html" }}
{{template "public/header" .}}
title：{{.title}}
{{template "public/footer" .}}
{{ end }}

运行结果：
在这里插入图片描述
在这里插入图片描述

三、模板继承

1、模板继承

目录结构
在这里插入图片描述

main.go 文件：

package main

import (
	"github.com/gin-gonic/gin"
	"html/template"
	"net/http"
)

func main() {
	router := gin.Default()
	// 布局页面
	template.ParseGlob("layout.html")
	// 配置模板
	router.LoadHTMLGlob("template/**/*")

	router.GET("/index", func(c *gin.Context) {
		c.HTML(http.StatusOK, "user.html", gin.H{"title": "我是模板继承测试"})
	})

	router.Run()
}

tempalte/public/header.html 文件：

{{define "public/header"}}
<!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>header</title>
</head>
<body>
<p>我是头部html</p>
{{end}}

tempalte/public/footer.html 文件：

{{define "public/footer"}}
<p>我是尾部html</p>
</body>
</html>
{{ end }}

tempalte/public/layout.html 文件：

{{define "public/layout"}}
    {{template "public/header" .}}
    <!--内容部分-->
    <div class="container">
        {{block "content" . }}{{end}}
    </div>
    {{template "public/footer" .}}
{{ end }}

tempalte/user/user.html 文件：

{{template "public/layout" .}}

{{ define "content" }}
    <p>
        内容-title：{{.title}}
    </p>
{{end}}

运行结果：
在这里插入图片描述
在这里插入图片描述

荔枝学习
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Go语言之Gin框架，渲染多个模板引用HTML，请求不同的url，返回不同的HTML
CN_Eden
05-13 951
继上一篇博客，本篇博客将引用多个模板文件 流程 1、引用多个模板不能使用LoadHTMLFiles，需要使用LoadHTMLGlob 2、LoadHTMLGrob支持正则表达式 3、c.HTML中的name必须与引用的tmpl文件内define定义的一致 4、两个tmpl引用的代码中变量需要写与main.go内的键值对一致是title，两个模板变量可以不一样，但是必须在main.go中存在 目录结构 main.go templates/posts/index.tmpl templates/users
Golang Gin 实战（十一）| HTML模板渲染
flysnow_org的博客
01-10 5415
终于又到一个重头戏了。在整个服务端开发中，一个是API，一个就是网页，当前的API大部分都是通过JSON提供了，而网页就是通过HTML提供了。所以对于这么大的需求，Gin当然不会忘记，为...
Golang | Web开发之Gin静态资源映射及HTML模板渲染
WeiyiGeek 唯一极客IT知识分享
06-21 1445
1.Gin中静态资源映射实践描述: 此处使用graceful来管理我们的gin服务，能够平滑的停止Gin服务，然后又实践了静态资源映射三种方式的使用。静态资源映射三种方式router.Static 指定某个目录为静态资源目录，可直接访问这个目录下的资源，url 要具体到资源名称。router.StaticFS 比前面一个多了个功能，当目录下不存 index.html 文件时，会列出该目录下的所有文件。router.StaticFile 指定某个具体的文件作为静态资源访问。静态目录常规示例。
4、Go Gin HTML 模板渲染、静态文件加载
最新发布
qq_39335595的博客
04-26 548
注意：定义模板的时候需要通过 define 定义名称。
gin 五.HTML模板渲染与自定义模板函数与模板继承与静态文件的响应
qq_29799655的博客
05-08 562
模板渲染与自定义模板函数HTML 模板渲染自定义模板引擎与模板函数模板继承静态文件响应 HTML 模板渲染 解释: Gin⽀持加载HTML模板, 然后根据模板参数进⾏配置并返回相应的数据 在项目中新建一个用来存放模板的目录,添加一个模板 templates/index.tmpl <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit
Golang 页面模板之间的嵌套定义以及静态文件的加载方式
zhengzizhi的专栏
06-29 1万+
页面模板之间的嵌套定义以及静态文件的加载方式，例如 header模板 footer模板 如何拼接成一个完整的页面，静态文件（css文件，js文件，图片等）
go-gin-web-server：在渲染上部署Go Gin
02-05
Gin-Gonic是一个用Go（Golang）语言编写的MVC框架，以其快速、简洁和模块化的特性而受到开发者的欢迎。这个项目提供了一个起点，帮助开发者快速启动和运行在Render平台上部署Web应用程序。 Gin框架的核心特点包括...
go-gin-mgo-demo：使用流行的gin-gonic框架在golang中演示的CRUD应用程序
02-02
使用流行的gin-gonic框架在golang中演示CRUD应用程序 发展历程 克隆（分叉）存储库。 然后跑 $ go get github.com/codegangsta/gin 用于在开发过程中自动编译文件 跑 $ go get && go install && PORT=7000 DEBUG=...
golang-swaggerui-example:Golang的SwaggerUI生成示例
05-14
golang-swaggerui-example Golang-swaggerui-example是一个示例存储库，用于在您的Golang项目中使用SwaggerUI设置API文档。 详细说明可在。 API互动 可以通过访问localhost：8080 / swaggerui /访问SwaggerUI，有关...
gin-throttle:gin-throttle是Gin框架的速率限制器
05-19
杜松子酒 gin-throttle是的速率限制器。 最初的信誉是 ，这个回购使它与gin.HandlerFunc一起使用。用法下载并安装： go get github.com/gin-gonic/gin将其导入您的代码中： import "github.com/s12i/gin-throttle"...
gin-template：用于gin框架的golang模板！
02-04
杜松子酒模板 Golang模板！ 已弃用！！！ 请考虑尝试迁移到高威是一个基于golang html / template的轻量级，简单易用的模板库，用于构建Go Web应用程序。 请考虑尝试迁移到 。特征gin框架易于使用。 使用golang ...
Gin html模板引用
a976134036的博客
12-21 1万+
提取公共部分1.header.html{{define "header"}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <span>ddddd</span> {{end}}2.footer.html{{defin
golang gin框架入门教程，gin框架脚手架，开箱即用
烟雨弥漫了江南的博客
05-17 2015
使用 gin 框架为核心搭建的一个脚手架模板，可以基于本项目快速完成业务开发，开箱即用，gin 入门教程，go web，gin开源项目go-layout
golang中gin框架的基础学习和运用
土豆科技的博客
07-25 4947
    1.安装 go get gopkg.in/gin-gonic/gin.v1   2.基本的架构     2.1  直接调用方案 package main import ( "github.com/gin-gonic/gin" "net/http" ) func main() { r := gin.Default() r.GET("/ping", func(c ...
Gin(三):配合模板 Tmpl
代码猎奇站
07-25 1151
点击蓝字关注我原文首发于 https://youngxhui.top前面的学习已经对 Gin 有了一个初步的认识和了解，对router的简单使用也有了一定的掌握，那么今天...
golang 模板(template)的常用基本语法
热门推荐
sryan的专栏
08-29 6万+
golang 模板(template)的常用基本语法模板在写动态页面的网站的时候，我们常常将不变的部分提出成为模板，可变部分通过后端程序的渲染来生成动态网页，golang提供了html/template包来支持模板渲染。这篇文章不讨论golang后端的模板读取及渲染方法，只讨论模板中嵌入变量，渲染变量、循环等一些基本用法。变量在golang渲染template的时候，可以接受一个interface{
golang设置1970-01-01 00:00:00 +0000
07-15
要在Go语言中设置特定的时间，如1970-01-01 00:00:00 +0000，你可以使用`time.Date`函数来创建一个具有特定日期和时间的时间对象。 下面是一个示例代码，展示如何设置1970-01-01 00:00:00 +0000的时间： ```go package main import ( "fmt" "time" ) func main() { // 设置时间为1970-01-01 00:00:00 +0000 t := time.Date(1970, 1, 1, 0, 0, 0, 0, time.UTC) fmt.Println(t) } ``` 在上面的示例中，我们使用`time.Date`函数创建一个时间对象，指定年、月、日、时、分、秒以及时区信息（在这里是UTC），然后将其打印出来。 希望能帮到你！如果你还有其他问题，请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

荔枝学习

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值