How can i use a json object in golang template

huangapple
go评论104阅读模式
英文:

How can i use a json object in golang template

问题

我的目标是将数据库中的对象作为JSON对象加载到Vue应用程序中，并在golang模板中呈现。数据应直接加载到网页中。有人知道如何做到这一点吗？

template.html

  1. <html>
  2.     <body>
  3. 	  <div id="app">
  4. 		<test-component :test="{{index . obj}}"></test-component>
  5. 	  </div>
  6.     </body>
  7. </html>

server.go

  1. package main
  3. import (
  4. 	"html/template"
  5. 	"io"
  6. 	"net/http"
  8. 	"github.com/labstack/echo/v4"
  9. )
  11. // TemplateRenderer是Echo框架的自定义html/template渲染器
  12. type TemplateRenderer struct {
  13. 	templates *template.Template
  14. }
  16. // Render渲染模板文档
  17. func (t *TemplateRenderer) Render(w io.Writer, name string, data interface{}, c echo.Context) error {
  19. 	// 如果数据是一个map，则添加全局方法
  20. 	if viewContext, isMap := data.(map[string]interface{}); isMap {
  21. 		viewContext["reverse"] = c.Echo().Reverse
  22. 	}
  24. 	return t.templates.ExecuteTemplate(w, name, data)
  25. }
  27. func main() {
  28.   e := echo.New()
  29.   renderer := &TemplateRenderer{
  30.       templates: template.Must(template.ParseGlob("*.html")),
  31.   }
  32.   e.Renderer = renderer
  34.   // 命名路由"foobar"
  35.   e.GET("/something", func(c echo.Context) error {
  36. 	jsonStr := `{"a":"apple", "b":"banana"}`
  37. 		obj := map[string]string{}
  39. 		json.Unmarshal([]byte(jsonStr), &obj)
  40.       		return c.Render(http.StatusOK, "template.html", obj)
  41.   }).Name = "foobar"
  43.   e.Logger.Fatal(e.Start(":8000"))
  44. }
英文:

My goal is to load an object from the database as a json object into a vue application that is rendered in a golang template. The data should be loaded directly into the web page. Does anyone have an idea how to do this?

template.html

  1. &lt;html&gt;
  2.     &lt;body&gt;
  3. 	  &lt;div id=&quot;app&quot;&gt;
  4. 		&lt;test-component :test=&quot;{{index . obj}}&quot;&gt;&lt;/test-component&gt;
  5. 	  &lt;/div&gt;
  6.     &lt;/body&gt;
  7. &lt;/html&gt;

server.go

  1. package main
  3. import (
  4. 	&quot;html/template&quot;
  5. 	&quot;io&quot;
  6. 	&quot;net/http&quot;
  8. 	&quot;github.com/labstack/echo/v4&quot;
  9. )
  11. // TemplateRenderer is a custom html/template renderer for Echo framework
  12. type TemplateRenderer struct {
  13. 	templates *template.Template
  14. }
  16. // Render renders a template document
  17. func (t *TemplateRenderer) Render(w io.Writer, name string, data interface{}, c echo.Context) error {
  19. 	// Add global methods if data is a map
  20. 	if viewContext, isMap := data.(map[string]interface{}); isMap {
  21. 		viewContext[&quot;reverse&quot;] = c.Echo().Reverse
  22. 	}
  24. 	return t.templates.ExecuteTemplate(w, name, data)
  25. }
  27. func main() {
  28.   e := echo.New()
  29.   renderer := &amp;TemplateRenderer{
  30.       templates: template.Must(template.ParseGlob(&quot;*.html&quot;)),
  31.   }
  32.   e.Renderer = renderer
  34.   // Named route &quot;foobar&quot;
  35.   e.GET(&quot;/something&quot;, func(c echo.Context) error {
  36. 	jsonStr := `{&quot;a&quot;:&quot;apple&quot;, &quot;b&quot;:&quot;banana&quot;}`
  37. 		obj := map[string]string{}
  39. 		json.Unmarshal([]byte(jsonStr), &amp;obj)
  40.       		return c.Render(http.StatusOK, &quot;template.html&quot;, obj)
  41.   }).Name = &quot;foobar&quot;
  43.   e.Logger.Fatal(e.Start(&quot;:8000&quot;))
  44. }

答案1

得分: 1

我找到了解决方案，模板是错误的。

  1. package main
  3. import (
  4. 	"html/template"
  5. 	"io"
  6. 	"net/http"
  8. 	"github.com/labstack/echo/v4"
  9. 	"github.com/labstack/echo/v4/middleware"
  10. )
  12. type Template struct {
  13. 	templates *template.Template
  14. }
  16. func (t *Template) Render(w io.Writer, name string, data interface{}, c echo.Context) error {
  17. 	t.templates.Delims("[[", "]]")
  18. 	return t.templates.ExecuteTemplate(w, name, data)
  19. }
  21. func Hello(c echo.Context) error {
  22. 	test := `{
  23. 		"name" : "Ben",
  24. 		"country" : "Germany",
  25. 		"city" : "Berlin",
  26. 		"body":{"test":"test","test2":"test2"}
  27. 	}`
  28. 	return c.Render(http.StatusOK, "hello", test)
  29. }
  31. func main() {
  32. 	// Echo 实例
  33. 	e := echo.New()
  35. 	t := &Template{
  36. 		templates: template.Must(template.ParseGlob("public/views/*.html")),
  37. 	}
  39. 	e.Renderer = t
  40. 	e.GET("/hello", Hello)
  42. 	// 中间件
  43. 	e.Use(middleware.Logger())
  44. 	e.Use(middleware.Recover())
  46. 	// 启动服务器
  47. 	e.Logger.Fatal(e.Start(":8000"))
  48. }

HTML

  1. {{define "hello"}}
  2. <!doctype html>
  3. <html lang="en">
  4.     
  5. <head>
  6.     <meta charset="utf-8">
  7.     <script>
  8.         console.log("golangVar");
  9.         var golangVar = '{{.}}';
  10.         console.log(golangVar);
  11.     </script>
  12.  </head>
  13.  <body>
  14.     {{.}}
  15.  </body>
  17. </html>
  18. {{end}}
英文:

I found the solution, the template was wrong.

  1. package main
  3. import (
  4. 	&quot;html/template&quot;
  5. 	&quot;io&quot;
  6. 	&quot;net/http&quot;
  8. 	&quot;github.com/labstack/echo/v4&quot;
  9. 	&quot;github.com/labstack/echo/v4/middleware&quot;
  10. )
  12. type Template struct {
  13. 	templates *template.Template
  14. }
  16. func (t *Template) Render(w io.Writer, name string, data interface{}, c echo.Context) error {
  17. 	t.templates.Delims(&quot;[[&quot;, &quot;]]&quot;)
  18. 	return t.templates.ExecuteTemplate(w, name, data)
  19. }
  20. func Hello(c echo.Context) error {
  21. 	test := `{
  22.         &quot;name&quot; : &quot;Ben&quot;,
  23.         &quot;country&quot; : &quot;Germany&quot;,
  24.         &quot;city&quot; : &quot;Berlin&quot;,
  25. 		&quot;body&quot;:{&quot;test&quot;:&quot;test&quot;,&quot;test2&quot;:&quot;test2&quot;}
  26.     }`
  27. 	return c.Render(http.StatusOK, &quot;hello&quot;, test)
  28. }
  30. func main() {
  31. 	// Echo instance
  32. 	e := echo.New()
  34. 	t := &amp;Template{
  35. 		templates: template.Must(template.ParseGlob(&quot;public/views/*.html&quot;)),
  36. 	}
  38. 	e.Renderer = t
  39. 	e.GET(&quot;/hello&quot;, Hello)
  40. 	// Middleware
  41. 	e.Use(middleware.Logger())
  42. 	e.Use(middleware.Recover())
  44. 	// Start server
  45. 	e.Logger.Fatal(e.Start(&quot;:8000&quot;))
  46. }

HTML

  1. {{define &quot;hello&quot;}}
  2. &lt;!doctype html&gt;
  3. &lt;html lang=&quot;en&quot;&gt;
  4.     
  5. &lt;head&gt;
  6.     &lt;meta charset=&quot;utf-8&quot;&gt;
  7.     &lt;script&gt;
  8.         console.log(&quot;golangVar&quot;);
  9.         var golangVar = &#39;{{.}}&#39;
  10.         console.log(golangVar);
  11.     &lt;/script&gt;
  12.  &lt;/head&gt;
  13.  &lt;body&gt;
  14.     {{.}}
  15.  &lt;/body&gt;
  17. &lt;/html&gt;
  18. {{end}}

huangapple
  • 本文由 发表于 2022年9月17日 05:31:48
  • 转载请务必保留本文链接：https://go.coder-hub.com/73750489.html
  • go
  • go-echo
  • go-templates
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定