Thinkphp模板中如何输出多张图片

在Thinkphp模板中,可以通过volist遍历图片路径,从而实现输出多张图片。下面小编举例讲解Thinkphp模板中如何输出多张图片。

460fdc8333bf3befc8002d0e3f3ea8db564a1aea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80

工具/原料

  • Thinkphp 3.2
  • 代码编纂器:zend studio 10.0

方式/步骤

  1. 1

    建立一个Show节制器,用于讲解Thinkphp模板中如何输出多张图片。

    04d7a614f4d0b5033f9d3b48cc4ec28332bf20ea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  2. 2

    在Show节制器中,建立一个index方式,用于标的目的模板传递数据。

    b955ead0b503c8d2beb13af8498333bf3aef21ea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  3. 3

    在index方式中,将多张图片的路径保留在数组中,并利用assign将数组传递给index.html页面。

    f591ab03c8d246febe01bf35b8bf3bef344f1eea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  4. 4

    在index方式中,再经由过程display方式衬着页面输出成果。

    b442d6d246fe474e38cc4e09b0ef354f51b81fea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  5. 5

    在index.html页面中,利用volist标签遍历数组路径,经由过程图片标签输出多张图片。

    c99358fe474ec283c8f04659be4f50b8b53e1cea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  6. 6

    在浏览器执行Show节制器的index方式,查看成果。

    47bf594ec28333bfc7a048f9dbb8b43ea9db1dea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80END

总结:

  1. 1

    1、建立一个Show节制器,在Show节制器中,建立一个index方式,用于标的目的模板传递数据。2、在index方式中,将多张图片的路径保留在数组中,并利用assign将数组传递给index.html页面。3、在index方式中,再经由过程display方式衬着页面输出成果。4、在index.html页面中,利用volist标签遍历数组路径,经由过程图片标签输出多张图片。5、在浏览器执行Show节制器的index方式,查看成果。

    END
  • 发表于 2021-01-30 20:00
  • 阅读 ( 358 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论