在Go模板中为照片使用随机整数

chy5wohz 于 2022-12-07 发布在 Go

关注(0)|答案(1)|浏览(114)

我在代码中有一个简单的随机整数要传递给模板

min := 1
            max := 1563
            Photo := rand.Intn(max - min + 1)
            fmt.Println(Photo)

            tmpl.ExecuteTemplate(w, "index.html", struct {
                Pages        []Page
                CurrentPage  int
                TotalPage    int
                NextPage     int
                PreviousPage int
                LastPage     int
                ShowNext     bool
                ShowPrevious bool
                Photo        int
            }{

                Pages:        pages,
                CurrentPage:  pageIndex + 1,
                TotalPage:    totalPaginationPage,
                NextPage:     pageIndex + 1,
                PreviousPage: pageIndex - 1,
                LastPage:     totalPaginationPage - 1,
                ShowNext:     pageIndex+1 < totalPaginationPage,
                ShowPrevious: pageIndex-1 >= 0,
                Photo:        Photo,
            })

这个想法是随机化一张照片（我有1563在文件夹中），所以在我的模板
{{范围.页面}}

<div id="content">
  <div class="card">
    <p>
      <div class="card-img">

  
    
        <a href="{{.Slug}} ">    <img
        

        src="{{.Photo}}"
        alt=""
      /></a>
        </div>
        
        <div class="card-info">
          <div class="card-info-title">
<a href="{{.Slug}} " >{{.Title}} </a>
</div>

src="{{.Photo}}”使模板崩溃，就像变量没有正确传递一样。也许问题是这是在一个循环中，所以我需要每一篇文章的随机数来显示一张照片？
有没有其他方法可以直接在模板中完成？

更新

多亏了我现在的指引

min := 1
max := 1563
Photos := make([]int, len(pages))
for i := range Photos {
    Photos[i] = rand.Intn(max - min + 1)
}
            

            tmpl.ExecuteTemplate(w, "index.html", struct {
                Pages        []Page
                CurrentPage  int
                TotalPage    int
                NextPage     int
                PreviousPage int
                LastPage     int
                ShowNext     bool
                ShowPrevious bool
                Photo        []int
            }{

                Pages:        pages,
                CurrentPage:  pageIndex + 1,
                TotalPage:    totalPaginationPage,
                NextPage:     pageIndex + 1,
                PreviousPage: pageIndex - 1,
                LastPage:     totalPaginationPage - 1,
                ShowNext:     pageIndex+1 < totalPaginationPage,
                ShowPrevious: pageIndex-1 >= 0,
                Photo:        Photos,   
            })

在模板中

{{range $idx, $page := .Pages}}

<div id="content">
  <div class="card">
    <p>
      <div class="card-img">

  
    
        <a href="{{.Slug}} ">    <img
        
 src="{{index $.Photos $idx}}"
               alt=""
      /></a>
        </div>
        
        <div class="card-info">
          <div class="card-info-title">
<a href="{{.Slug}} " >{{.Title}} </a>
</div>

<div class="card-info-category">
  <p>

tags:
</p>
       
          <ul>
       
            <li>
  {{.Tags}}
          </li>
  

</ul>
</div>

<div class="card-info-date">
{{.Date}} 

</div>

</div>
</p>
</div>

</div>


       
{{end}}

也尝试了

<a href="{{.Slug}} ">    <img
        
 src="/public/suisse/suisse{{index $.Photos $idx}}.jpg"
               alt=""
      /></a>

但不幸的是，只要我调用

{{index $.Photos $idx}}

我想这是我这边的某种错字吧？

go

来源：https://stackoverflow.com/questions/74592772/use-random-int-for-a-photo-in-go-template

1条答案

按热度按时间

but5z9lq1#

{{range}}动作会变更点，因此{{range .Pages}}内的{{.Photo}}会在.Pages的元素上解析。
使用$来引用“外层”，原始值传递给模板执行：

src="{{$.Photo}}"

虽然这只是一个整数，但您可能希望在路径或URL中使用它，如下所示：

src="/path/to/images?id={{$.Photo}}"

注意：如果您希望所有页面都有不同的图像，您必须为每个页面传递不同的数字，而不仅仅是一个数字。然后在页面中添加一个Photo字段，然后您可以在{{range}}中将其引用为{{.Photo}}，就像在原始代码中一样。
你写了你不能修改Page，因为它来自你的数据库。如果是这样，那么要么传递一个随机数切片，然后用index访问它们，如下所示：

min := 1
max := 1563
Photos := make([]int, len(pages))
for i := range Photos {
    Photos[i] = rand.Intn(max - min + 1)
}

tmpl.ExecuteTemplate(w, "index.html", struct {
    Pages        []Page
    CurrentPage  int
    TotalPage    int
    NextPage     int
    PreviousPage int
    LastPage     int
    ShowNext     bool
    ShowPrevious bool
    Photo        []int
}{

    Pages:        pages,
    CurrentPage:  pageIndex + 1,
    TotalPage:    totalPaginationPage,
    NextPage:     pageIndex + 1,
    PreviousPage: pageIndex - 1,
    LastPage:     totalPaginationPage - 1,
    ShowNext:     pageIndex+1 < totalPaginationPage,
    ShowPrevious: pageIndex-1 >= 0,
    Photo:        Photos,
})

在模板中：

{{range $idx, $page := .Pages}}
    <a href="{{.Slug}} "><img
        src="{{index $.Photos $idx}}"
        alt=""/>
    </a>
{{end}}

或者注册一个可以从模板调用的random函数：

// Parse the template as you did, but first register a random function:
min, max := 1, 1563
tmpl, err := template.New("").Funcs(template.FuncMap{
    "random": func() int { return rand.Intn(max - min + 1) },
}).ParseFiles("template-name.html")

您可以从模板中调用它，如下所示：

{{range .Pages}}
    <a href="{{.Slug}} "><img
        src="{{random}}"
        alt=""/>
    </a>
{{end}}

赞(0）回复(0）举报 2022-12-07

我来回答

在Go模板中为照片使用随机整数

1条答案

相关问题

热门标签

最新问答