gview
模板引擎支持两种layout
模板布局方式:
define
+ template
方式include
模板嵌入方式这两种方式均支持对模板变量的传入。
由于gview
底层采用了ParseFiles
方式批量解析模板文件,因此可以使用define
标签定义模板内容块,通过template
标签在其他任意的模板文件中引入指定的模板内容块。template
标签支持跨模板引用,也就是说define
标签定义的模板内容块可能是在其他模板文件中,template
也可以随意引入。
注意,为嵌套的子模板传递模板变量时,应当使用:{{template "xxx" .}}
的语法。
使用示例:
layout.html
GOFrame Layout
{{template "header" .}}
{{template "container" .}}
header.html
{{define "header"}}
{{.header}}
{{end}}
container.html
{{define "container"}}
{{.container}}
{{end}}
footer.html
{{define "footer"}}
{{.footer}}
{{end}}
main.go
package main
import (
"github.com/gogf/gf/v2/frame/g"
"github.com/gogf/gf/v2/net/ghttp"
)
func main() {
s := g.Server()
s.BindHandler("/", func(r *ghttp.Request) {
r.Response.WriteTpl("layout.html", g.Map{
"header": "This is header",
"container": "This is container",
"footer": "This is footer",
})
})
s.SetPort(8199)
s.Run()
}
执行后,访问 http://127.0.0.1:8199 结果如下:
当然我们也可以使用include
标签来实现页面布局。
注意,为嵌套的子模板传递模板变量时,应当使用:{{include "xxx" .}}
的语法。
使用示例:
layout.html
{{include "header.html" .}}
{{include .mainTpl .}}
{{include "footer.html" .}}
header.html
HEADER
footer.html
FOOTER
main1.html
MAIN1
main2.html
MAIN2
main.go
package main
import (
"github.com/gogf/gf/v2/frame/g"
"github.com/gogf/gf/v2/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()
}
执行后,访问不同的路由地址,将会看到不同的结果:
网站题目:创新互联GoFrame教程:GoFrame模板引擎-模板布局
网站地址:http://www.mswzjz.cn/qtweb/news7/441407.html
攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能