Example:

Directory structure:

./main.go
./templates/index.html
./templates/header.html

Contents:

main.go

import (
	"github.com/labstack/echo/v4"
	"github.com/labstack/echo/v4/middleware"
	"html/template"
	"io"
	"log"
	"net/http"
)

type Template struct {
	templates *template.Template
}

func (t *Template) Render(w io.Writer, name string, data interface{}, c echo.Context) error {
	return t.templates.ExecuteTemplate(w, name, data)
}

func main() {
	e := echo.New()

	e.Renderer = &Template{
		templates: template.Must(template.ParseGlob("templates/*.html")),
	}
	e.Use(middleware.Logger())
	e.Use(middleware.Recover())

	e.GET("/", func(c echo.Context) error {
		data := map[string]string{
			"test": c.QueryParam("test"),
		}
		return c.Render(http.StatusOK, "indexPage", data)
	})

	if err := e.Start(":8080"); err != http.ErrServerClosed {
		log.Fatal(err)
	}
}

index.html

{{define "indexPage"}}
<html>
{{template "header"}}
<body>
<h1>Index</h1>
<p>test={{.test}}</p>
</body>
</html>
{{end}}

header.html

{{define "header"}}
<head>
  <title>Index</title>
</head>
{{end}}

Output:

x@x:~/code$ curl -v http://localhost:8080?test=Hi
*   Trying 127.0.0.1:8080...
* Connected to localhost (127.0.0.1) port 8080 (#0)
> GET /?test=Hi HTTP/1.1
> Host: localhost:8080
> User-Agent: curl/7.74.0
> Accept: */*
> 
* Mark bundle as not supporting multiuse
< HTTP/1.1 200 OK
< Content-Type: text/html; charset=UTF-8
< Date: Fri, 18 Mar 2022 06:21:21 GMT
< Content-Length: 101
< 

<html>

<head>
  <title>Index</title>
</head>

<body>
<h1>Index</h1>
<p>test=Hi</p>
</body>
</html>

Uh oh!

recipe: nested template #516

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions