用一个循环在一个列表中显示两个列表的结果（Flask - Python）

Question

我正在尝试在链接列表中的 HTML 页面 (index.html) 上显示我的结果。我有两个列表，第一个包含所有网站名称，第二个包含它们的链接。我想将名称显示为可点击的项目。

我的清单：

name_list = ['Name1','Name2','Name3']
link_list = ['Link1','Link2','Link3']

我的 Python 代码返回的内容：

return render_template('index.html' , name_list =name_list , link_list =link_list , len1 = len(name_list ))

HTML 代码：

{% for i in range(0, len1) %}
      <li><a href={{link_list[i]}} >{{ name_list[i] }}</a></li> 
{% endfor %}

但我有两个错误：

首先使用 len1 ，因为当我将代码更改为 range(0, 5) （或任何 int）时，此行有效。

TypeError: 'Undefined' object cannot be interpreted as an integer

第二个发生在我添加我想要的元素的位置name_list[i]。

jinja2.exceptions.UndefinedError: 'name_list' is undefined

Answer 1

这是解决问题的简单方法：

你将这两个列表与python的内置函数zip()结合起来：

name_list = ['Name1','Name2','Name3']
link_list = ['Link1','Link2','Link3']
name_link_list = zip(name_list, link_list)

你只需返回这个：

return render_template('index.html' , name_link_list=name_link_list)

这将返回[('Name1', 'Link1'), ('Name2', 'Link2'), ...] 形式的元组列表，您可以使用每个元素的索引在 HTML 代码中获得该列表。 名称为 0，链接为 1。

最后是你的 HTML 代码：

<ul>
    {% for i in name_link_list %}
        <li><a href={{i[1]}} >{{ i[0] }}</a></li> 
    {% endfor %}
</ul>