gview模板引擎支持两种layout模板布局方式:

  1. define + template方式
  2. include模板嵌入方式

这两种方式均支持对模板变量的传入。

define + template

由于gview底层采用了ParseFiles方式批量解析模板文件,因此可以使用define标签定义模板内容块,通过template标签在其他任意的模板文件中引入指定的模板内容块。template标签支持跨模板引用,也就是说define标签定义的模板内容块可能是在其他模板文件中,template也可以随意引入。

注意:

  • 为嵌套的子模板传递模板变量时,应当使用:{{template "xxx" .}} 的语法。
  • 模板文件的后缀名,要跟 define template 文件的后缀名保持一致。

使用示例:

  1. layout.html

     <!DOCTYPE html>
     <html>
     <head>
         <title>GoFrame Layout</title>
         {{template "header" .}}
     </head>
     <body>
         <div class="container">
         {{template "container" .}}
         </div>
         <div class="footer">
         {{template "footer" .}}
         </div>
     </body>
     </html>
  2. header.html

     {{define "header"}}
         <h1>{{.header}}</h1>
     {{end}}
  3. container.html

     {{define "container"}}
     <h1>{{.container}}</h1>
     {{end}}
  4. footer.html

     {{define "footer"}}
     <h1>{{.footer}}</h1>
     {{end}}
  5. 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标签来实现页面布局。

注意,为嵌套的子模板传递模板变量时,应当使用:{{include "xxx" .}} 的语法。

使用示例:

  1. layout.html

     {{include "header.html" .}}
     {{include .mainTpl .}}
     {{include "footer.html" .}}
  2. header.html

     <h1>HEADER</h1>
  3. footer.html

     <h1>FOOTER</h1>
  4. main1.html

     <h1>MAIN1</h1>
  5. main2.html
    copy

     <h1>MAIN2</h1>
  6. 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()
     }

执行后,访问不同的路由地址,将会看到不同的结果:

  1. http://127.0.0.1:8199/main1

  2. http://127.0.0.1:8199/main2



Content Menu

  • No labels

6 Comments

  1. define 定义的模板只能在当前目录下使用,

    如果将 define 定义的模板放到其他文件夹 如何使用呢? 

    下面我的代码中,如果将两个文件放到同一目录下是可以使用的,但在不同文件夹中就不能使用了。请问这要如何做呢?


    文件位置:tempalte/meta.html
    
    {{define "meta"}}
    <head>
        <meta charset="UTF-8">
        <title>Hello</title>
        <link rel="stylesheet" href="/resource/css/globals.css"/>
    </head>
    {{end}}
    文件位置: template/sys/menu.html   
    
    <!DOCTYPE html>
    <html lang="en">
    {{template "meta" .}}
    <body>
    </body>
    </html>
  2. 模板文件 和 define template 的文件后缀必须保持完全一致吗?

    1. 是的,需要保持一致的。

  3. 求助goframe如何实现block继承的layout布局。

  4. 模板可以预留 标签 注入内容么?类似与laravel blade模板

    比如:

    index.html

    <div>

    ${ define "section" }

    </div>


    1.html

    @section
    {{ 此处内容显示在index.html的section中 }}
    @endsection