模板布局
由于gview
底层采用了ParseFiles
方式批量解析模板文件,因此可以使用define
标签定义模板内容块,通过template
标签在其他任意的模板文件中引入指定的模板内容块。template
标签支持跨模板引用,也就是说define
标签定义的模板内容块可能是在其他模板文件中,template
也可以随意引入。
使用示例:
layout.html
header.html
{{define "header"}}
<h1>HEADER</h1>
{{end}}
container.html
{{define "container"}}
<h1>CONTAINER</h1>
{{end}}
main.go
package main
import (
"github.com/gogf/gf/frame/g"
"github.com/gogf/gf/net/ghttp"
)
s := g.Server()
s.BindHandler("/", func(r *ghttp.Request) {
r.Response.WriteTpl("layout.html", nil)
})
s.SetPort(8199)
s.Run()
}
include
模板嵌入
当然我们也可以使用include
标签来实现页面布局。
使用示例:
layout.html
{{include "header.html" .}}
{{include .mainTpl .}}
{{include "footer.html" .}}
header.html
footer.html
<h1>FOOTER</h1>
<h1>MAIN1</h1>
main2.html
-
package main
"github.com/gogf/gf/frame/g"
"github.com/gogf/gf/net/ghttp"
)
func main() {
s := g.Server()
s.BindHandler("/main1", func(r *ghttp.Request) {
r.Response.WriteTpl("layout.html", g.Map{
"mainTpl": "main/main1.html",
})
})
s.BindHandler("/main2", func(r *ghttp.Request) {
r.Response.WriteTpl("layout.html", g.Map{
"mainTpl": "main/main2.html",
})
})
s.SetPort(8199)
s.Run()
}
执行后,访问不同的路由地址,将会看到不同的结果: