我的代码中有一个简单的随机整数,我将其传递给模板

            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,
            })

我的 idea 是随机化一张照片(我在文件夹中有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}}"使模板崩溃,就像没有正确传递变量一样.也许问题是这是在一个循环中,所以我需要每个文章一个随机数字才能显示照片?

有没有其他方法可以直接在模板中完成?

Update

多亏了我现在的指导

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}} 

我想这是我这边的某种打字错误吧?

推荐答案

{{range}}操作更改了点,因此{{range .Pages}}中的{{.Photo}}将解析为.Pages的元素.

使用$表示传递给模板执行的"外部"原始值:

src="{{$.Photo}}"

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

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

注意:如果您希望为所有页面提供不同的图像,则必须 for each 页面传递不同的数字,而不仅仅是单个数字.然后向页面添加一个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}}

Go相关问答推荐

向API网关终结点发出POST请求时出现AWS Lambda With Go:";Rune me.InvalidEntrypoint";错误

如何使用GRPC UnaryClientInterceptor中的`maily`参数?

减少在围棋中映射DTO时的重复代码量

戈姆:如何将一对一联系起来?

无法获取RPC描述符

如何确定泛型类型在运行时是否可比较?

Golang chromedp Dockerfile

Go struct 匿名字段是公开的还是私有的?

使用图像解码 JPEG 时 colored颜色 不正确.解码并写入 PDF?

如何使用 Docker 引擎 SDK 和 Golang 运行 docker 挂载卷

如何使用 fyne Go 使用 canvas.NewText() 使文本可滚动

具有未导出字段的 struct 类型之间的转换

合并几千万文件最快的方法是什么

K8s 算子读取原始数据

函数的递归调用以 goroutine 和惯用方式开始,以在所有工作 goroutine 完成时继续调用者

使用 LoadLibraryA(path_to_dll) 加载 DLL 会将文件描述符 0、1 和 2 的继承句柄标志 (HANDLE_FLAG_INHERIT) 从 1 更改为 0

Go:为一组单个结果实现 ManyDecode

comparable和any有什么区别?

如何在 Prometheus 中正确检测区域和环境信息?

有没有一种方法可以确保传递的值具有使用泛型的某些字段?