Question

我正在使用python / flask + flask-sqlalchemy从MySQL数据库中提取数据，并将其显示在html中。

“ t.status ”的值只能为 0,1或2 。

这是我的html代码的外观：

query.setParameterList("clients", clientList);

正常工作，并显示所有状态代码。现在，我需要为所有3种可能的状态代码添加微小的颜色图标。我尝试了以下代码，但没有用：

<tbody>
    {% for t in tdata %}
        <tr>
            <td>{{ t.id }}</td>
            <td>{{ t.objectid }}</td>
            <td>{{ t.status }}</td>
        </tr>
    {% endfor %}
</tbody>

谢谢您的帮助。

Answer 1

添加与添加img标签相同的图标标签。

<tbody>
    {% for t in tdata %}
        <tr>
            <td>{{ t.id }}</td>
            <td>{{ t.objectid }}</td>
            <td> 
               <div>
                   {{ if t.status == '0':
                      <i class="fa fa-cloud"></i>
                       <img src="/static/images/red.png"> + t.status
                   elif t.status == '1':
                       <img src="/static/images/green.png"> + t.status
                   else:
                       <img src="/static/images/yellow.png" + t.status }}</td>
                </div>
        </tr>
    {% endfor %}
</tbody>

Answer 2

我知道了。 {{需要更改为{％，并且每一行都必须使用％}结束。省略号后没有'：'。

<tbody>
{% for t in tdata %}
     <tr>
         <td>{{ t.id }}</td>
         <td>{{ t.objectid }}</td>
         <td>{% if t.status == 0 %}
                <span class="red"> ONE </span>
             {% elif t.status == 1 %}
                <span class="green"> TWO </span>
             {% elif t.status == 2 %}
                <span class="yellow"> THREE </span>
             {% endif %}
         </td>
    </tr>
{% endfor %}
</tbody>

如果满足条件，则将图形添加到“数据表”单元格

2 个答案: