Gin gonic 模板覆盖部分模板

Question

我正在使用 gin gonic 及其功能。一个，如果它们是 html 模板渲染。因此，本着 DRY 的精神，我想创建一个 base.html 模板，其中包含所有常见的 html 标签等。不同页面主体的插槽。

本质上，这是base.html

{{define "base"}}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

{{ template "main" . }}

</body>
</html>
{{end}}

然后我创建了一个名为 home.html 的“子”模板：

{{template "base" .}}

{{define "main"}}
    <div class="container mt-5">
        Hello
    </div>
{{end}}

我在 this page 上遵循了这个精彩的指南，它非常有效。

问题

但是当我尝试在 subpage.html 中添加另一个正文不同的页面时，例如：

{{template "base" .}}

{{define "main"}}
<div class="container">
    <div>
        <h2>This page is still in progress</h2>
    </div>
</div>
{{end}}

gins LoadHTMLFiles 或 LoadHTMLGlob 选择的最后一个模板将显示在每个页面上。在这种情况下，这是 subpage.html 内容。我该如何解决。甚至可以默认实现这种行为吗？

Answer 1

你可以这样做：

base.html

{{ define "top" }}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
{{ end }}

{{ define "bottom" }}
</body>
</html>
{{ end }}

home.html

{{ template "top" . }}

<div class="container mt-5">
    Hello
</div>

{{ template "bottom" . }}

subpage.html

{{ template "top" . }}

<div class="container">
    <div>
        <h2>This page is still in progress</h2>
    </div>
</div>

{{ template "bottom" . }}

然后确保您使用的是文件的基本名称：

// in the home handler use the following
c.HTML(http.StatusOK, "home.html", data)

// in the subpage handler use the following
c.HTML(http.StatusOK, "subpage.html", data)

Gin gonic 模板覆盖部分模板

Gin gonic templates overwriting partial templates

html

go

go-gin

问题