在 Go Fiber 应用程序中实现模板渲染

在 Go Fiber 应用程序中，使用模板渲染显示数据时，可以使用 {{range}} 循环来重复渲染列表中的项目。通过将列表中的数据传递给模板，可以动态地生成内容，从而在应用程序中显示可变数量的数据项。

有人有 go fiber 和模板的好例子吗？

我正在尝试通过 go fiber html 模板显示视频列表

这是我的 go 代码（实体）：

type video struct {
    id          int    `json:"id"`
    title       string `json:"title"`
    description string `json:"description"`
    videourl    string `json:"description"`
    link        string `json:"description"`
}

var videos = []*video{
    {
        id:          1,
        title:       "podcast #1",
        description: "here i discuss about stuff",
        videourl:    "foo.m3u8",
        link:        "videos/foo",
    },
    {
        id:          2,
        title:       "podcast #2",
        description: "still talking",
        videourl:    "bar.m3u8",
        link:        "videos/bar",
    },
}

这是我的 go 代码（控制器）：

func main() {
    // fiber instance
    app := fiber.new(fiber.config{
        views: html.new("./views", ".html"),
    })

    // serve static assets
    app.static("/", "./public", fiber.static{
        compress: true,
    })

    // routes
    app.get("/", index)

    // start server
    log.fatal(app.listen(":3000"))
}

// handler
func index(c *fiber.ctx) error {
    return c.render("index", fiber.map{
        "videos": videos,
    })
}

这是我的伪 html：

<div class="col-lg-4">
    <video-js id={{.Id}} class="vjs-default-skin my-tuby-video" controls preload="auto" width="640" height="268">
    <source src="{{.VideoUrl}}" type="application/x-mpegURL">
    </video-js>
    <script>
    var player = videojs({{.Id}});
    </script>
    
    <h2>{{.Title}}</h2>
    <p>{{.Description}}</p>
    <p><a class="btn btn-secondary" href="#">{{.Link}}</a></p>
</div><!-- /.col-lg-4 -->

另外，如何为列表中的每个视频重复这段 html 内容？

预先感谢您的任何意见。

正确答案

正如 cerise limon 评论的那样：

{{range .Videos}}
<div class="col-lg-4">
    <video-js id={{.Id}} class="vjs-default-skin my-tuby-video" controls preload="auto" width="640" height="268">
    <source src="{{.VideoUrl}}" type="application/x-mpegURL">
    </video-js>
    <script>
    var player = videojs({{.Id}});
    </script>
    
    <h2>{{.Title}}</h2>
    <p>{{.Description}}</p>
    <p><a class="btn btn-secondary" href="#">{{.Link}}</a></p>
</div><!-- /.col-lg-4 -->
{{end}}

成功了。

好了，本文到此结束，带大家了解了《在 Go Fiber 应用程序中实现模板渲染》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多Golang知识！