一个包含三个子模板的布局模板。
的layout.html
<html>
<body>
{{template "tags"}}
{{template "content"}}
{{template "comment"}}
</body>
</html>
tags.html
{{define "tags"}}
<div>
{{.Name}}
<div>
{{end}}
content.html
{{define "content"}}
<div>
<p>{{.Title}}</p>
<p>{{.Content}}</p>
</div>
{{end}}
comment.html
{{define "tags"}}
<div>
{{.Note}}
</div>
{{end}}
type Tags struct {
Id int
Name string
}
type Content struct {
Id int
Title string
Content string
}
type Comment struct {
Id int
Note string
}
func main() {
tags := &Tags{"Id":1, "Name":"golang"}
Content := &Content{"Id":9, "Title":"Hello", "Content":"World!"}
Comment := &Comment{"Id":2, "Note":"Good Day!"}
}
我很困惑如何渲染每个子模板并将结果与布局输出结合起来。
感谢。
答案 0 :(得分:23)
与往常一样,the doc是一个很好的起点。
I wrote a working example on the playground
解释一下:
&Tags{Id: 1}
,而不是&Tags{"Id":1}
{{template <name> <arg>}}
指令中的要求将对象分派给每个子模板。我使用了一个临时Page
结构,但如果您愿意,可以使用map[string]interface{}
。ResponseWriter
整个代码:
package main
import "fmt"
import "html/template"
import "os"
var page = `<html>
<body>
{{template "tags" .Tags}}
{{template "content" .Content}}
{{template "comment" .Comment}}
</body>
</html>`
var tags = `{{define "tags"}}
<div>
{{.Name}}
<div>
{{end}}`
var content = `{{define "content"}}
<div>
<p>{{.Title}}</p>
<p>{{.Content}}</p>
</div>
{{end}}`
var comment = `{{define "comment"}}
<div>
{{.Note}}
</div>
{{end}}`
type Tags struct {
Id int
Name string
}
type Content struct {
Id int
Title string
Content string
}
type Comment struct {
Id int
Note string
}
type Page struct {
Tags *Tags
Content *Content
Comment *Comment
}
func main() {
pagedata := &Page{Tags:&Tags{Id:1, Name:"golang"},
Content: &Content{Id:9, Title:"Hello", Content:"World!"},
Comment: &Comment{Id:2, Note:"Good Day!"}}
tmpl := template.New("page")
var err error
if tmpl, err = tmpl.Parse(page); err != nil {
fmt.Println(err)
}
if tmpl, err = tmpl.Parse(tags); err != nil {
fmt.Println(err)
}
if tmpl, err = tmpl.Parse(comment); err != nil {
fmt.Println(err)
}
if tmpl, err = tmpl.Parse(content); err != nil {
fmt.Println(err)
}
tmpl.Execute(os.Stdout, pagedata)
}