html - 在 GoLang 中将 Json 数据映射到 Html 模板

标签 html json go

我正在遍历我的 API 响应并将其添加到 html 模板中,如下所示,

 // Following sends same information as above to the browser as html
     t, err := template.New("TopMovies").Parse(`
      {{define "TopMovies"}}
        <html>
        <ul>
        {{$ImgUrl := "http://image.tmdb.org/t/p/w185" }}
        {{range $movies := .Results}}
        <li>{{$ImgUrl}}{{$movies.PosterPath}}</li>
        <li>{{$movies.Adult}}</li>
        <li>{{$movies.Overview}}</li>
        <li>{{$movies.ReleaseDate}}</li>
        <li>{{$movies.GenreIds}}</li>
        <li>{{$movies.Id}}</li>
        <li>{{$movies.OriginalTitle}}</li>
        <li>{{$movies.OriginalLanguage}}</li>
        <li>{{$movies.Title}}</li>
        <li>{{$ImgUrl}}{{$movies.BackdropPath}}</li>
        <li>{{$movies.Popularity}}</li>
        <li>{{$movies.VoteCount}}</li>
        <li>{{$movies.Video}}</li>
        <li>{{$movies.VoteAverage}}</li>
        {{end}}
        </ul>
        </html>
      {{end}}
      `)
    err = t.ExecuteTemplate(w, "T", p) // This writes the client response
}

我的印象是我应该能够像这样在我的 html 模板中调用它,

{{.TopMovies}}

但是当我运行应用程序时,数据没有出现在我调用它的 html 页面中。我在这里缺少什么?

我创建了一个这样的结构,

//A Page structure
type Page struct {
  Title string
  TopMovies string
}

然后我像这样创建我的句柄,

func TopMoviesHandler(w http.ResponseWriter, r *http.Request) {
   res, err := http.Get(url)
      if err != nil {
        panic(err)
      }
      defer res.Body.Close()

      body, err := ioutil.ReadAll(res.Body)
      if err != nil {
        panic(err)
      }
      var p Payload

      err = json.Unmarshal(body, &p)
      if err != nil {
        panic(err)
      }

  // Following sends same information as above to the browser as html
     t, err := template.New("TopMovies").Parse(`
      {{define "TopMovies"}}
        <html>
        <ul>
        {{$ImgUrl := "http://image.tmdb.org/t/p/w185" }}
        {{range $movies := .Results}}
        <li>{{$ImgUrl}}{{$movies.PosterPath}}</li>
        <li>{{$movies.Adult}}</li>
        <li>{{$movies.Overview}}</li>
        <li>{{$movies.ReleaseDate}}</li>
        <li>{{$movies.GenreIds}}</li>
        <li>{{$movies.Id}}</li>
        <li>{{$movies.OriginalTitle}}</li>
        <li>{{$movies.OriginalLanguage}}</li>
        <li>{{$movies.Title}}</li>
        <li>{{$ImgUrl}}{{$movies.BackdropPath}}</li>
        <li>{{$movies.Popularity}}</li>
        <li>{{$movies.VoteCount}}</li>
        <li>{{$movies.Video}}</li>
        <li>{{$movies.VoteAverage}}</li>
        {{end}}
        </ul>
        </html>
      {{end}}
      `)
    err = t.ExecuteTemplate(w, "T", p) // This writes the client response
}

然后在main.go

   http.HandleFunc("/TopPicks", TopMoviesHandler)

TopPicks.html

{{define "TopPicks"}}
    {{template "header" .}}
    <div class="content">
    {{.TopMovies}}
    </div>
     {{template "footer" .}}
    {{end}}

这是什么作用,

func aboutHandler(w http.ResponseWriter, r *http.Request) {
  display(w, "about", &Page{Title: "About"})
}

我可以使用与之前提到的相同的方式向页面添加标题,但使用 display()

在html模板中

<title>{{.Title}}</title>

我怎样才能使它适用于我的 json 响应?

最佳答案

看起来您正在执行 {{define "body"}},但随后要求 ExecuteTemplate 执行未在任何地方定义的“T”。

我想你想要:t.ExecuteTemplate(w, "body", p)

总而言之,如果您只想使用多个模板,您可以通过创建一个主顶级模板,然后将所有部分解析为子模板来实现。

这是一个示例 ( on Play )。

轻松更改为遍历文件系统并加载所有模板,然后只需执行与 http.Request 路径匹配的模板即可。

package main

import "html/template"
import "os"
import "log"

var mainText = `
Normal page stuff
{{ template "_header_" . }}
{{ template "body" . }}
`

var bodyText = `
 Body has: {{ .Thing }}
`
var headerText = `
 I am header text
`

type Stuff struct {
    Thing string
}

func main() {
    t := template.New("everything")

    // parse all templates you may want
    template.Must(t.New("/").Parse(mainText))
    template.Must(t.New("_header_").Parse(headerText))
    template.Must(t.New("body").Parse(bodyText))

    if err := t.ExecuteTemplate(os.Stdout, "/", Stuff{"I am a thing"}); err != nil {
        log.Fatal("Failed to execute:", err)
    }
}

关于html - 在 GoLang 中将 Json 数据映射到 Html 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35958216/

相关文章:

用于切换类问题的 Javascript 按钮

html - 元素的顺序是否定义了它们在 CSS 网格中的位置?

javascript - IE10 javascript访问xml元素问题

javascript - Javascript 中的广度优先搜索

html - ionic2 - 带背景图像的 ionic 卡

javascript - javascript中表单验证时如何停止执行

javascript - JSON数组Tabulator js表

arrays - 在模板文件中创建数组和循环的最佳方法是什么

go - 有没有用 Go 语言生成 UUID 的方法?

go - 如何从 Go 中的结构 slice 中删除结构?