模板继承加载空页

时间:2015-03-12 03:10:55

标签: html go go-templates

我正在使用Golang + AppEngine中的基本应用程序而且我正在尝试实现像Django这样的模板继承,到目前为止我有这段代码:

var TmplBasePath = "templates/"

var BasePageTmplPath = []string{TmplBasePath + "base.html"}

type Page struct {
    Title string
    Ctx   appengine.Context
}

func NewPage(r *http.Request, title string) *Page {
    return &Page{Title: title}
}

func (p *Page) Display(w http.ResponseWriter, tmplPath string) {
    tmplPath = TmplBasePath + tmplPath
    tmpl := template.New("PAGE")
    tmpl = template.Must(template.ParseFiles(BasePageTmplPath...))
    tmpl = template.Must(template.ParseFiles(tmplPath))
    if err := tmpl.Execute(w, nil); err != nil {
        p.Ctx.Errorf("%v ", err)
    }
}

func init() {
    http.HandleFunc("/", home)
}

func home(w http.ResponseWriter, r *http.Request) {
    p := NewPage(r, "home")
    p.Display(w, "index.html")

}

我的模板: base.html文件

{{ define "PAGE"}}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
            <title> Expat Duka </title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
    </head>
    <body>

        <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

         <div class="container">

      <div class="starter-template">
        {{template "CONTENT" .}}

      </div>

    </div><!-- /.container -->

    </body>
    </html>
  {{end}}

的index.html

{{define "CONTENT"}}
        <h1> Welcome to Expat Duka </h1>

{{end}}

页面加载,没有错误,但它的空白,任何想法我做错了

1 个答案:

答案 0 :(得分:4)

事先:请注意,有一个template.ParseFiles() 功能,并且有一个Template.ParseFiles() 方法。第一个模板返回模板,第二个模板必须调用已创建的模板,并返回关联的模板。相关模板彼此了解,因此如果您已经存储了您调用其方法的模板,则甚至不必存储返回的新模板。


首先,这是你的问题:

tmpl := template.New("PAGE")
tmpl = template.Must(template.ParseFiles(BasePageTmplPath...))
tmpl = template.Must(template.ParseFiles(tmplPath))

template.ParseFiles()返回模板(Must()只检查其参数并返回相同的内容)。因此,当您在第一行(使用template.New())创建新内容时,会丢失它,因为在第二行中您创建了另一个ParseFiles()并将其分配给相同的tmpl变量。 然后,您再次在第3行创建一个新的,完全独立的第3个模板,并将其分配给tmpl变量。

这3个模板完全独立,彼此不了解!

如果您希望模板彼此了解(以及他们可以互相引用/包含),请使用此示例中的Template.Parse()Template.ParseFiles()方法:

tmpl := template.New("PAGE")
template.Must(tmpl.ParseFiles(BasePageTmplPath...))
template.Must(tmpl.ParseFiles(tmplPath))

现在您在tmpl变量中有多个相关模板,执行您感兴趣的模板:

if err := tmpl.ExecuteTemplate(w, "index.html", nil); err != nil {
    p.Ctx.Errorf("%v ", err)
}

备注:

在处理请求的处理程序中解析模板也是非常糟糕的做法,这需要相对较长的时间。每次提供请求时,解析和创建模板都会在内存中生成大量值,然后将其丢弃(因为它们不会被重用),从而为垃圾收集器提供额外的工作。

在应用程序启动时解析模板,将其存储在变量中,并且只需在请求进入时执行模板。有关详细信息,请参阅this answer