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

Question

我正在使用python / flask + flask-sqlalchemy从MySQL数据库中提取数据，并将其显示在html中。“ t.status ”的值只能为0,1或2。这是我的html代码的外观：<tbody>    {% for t in tdata %}        <tr>            <td>{{ t.id }}</td>            <td>{{ t.objectid }}</td>            <td>{{ t.status }}</td>        </tr>    {% endfor %}</tbody>运行正常，并显示所有状态代码。现在，我需要为所有3种可能的状态代码添加微小的颜色图标。我尝试了以下代码，但是没有用：<tbody>    {% for t in tdata %}        <tr>            <td>{{ t.id }}</td>            <td>{{ t.objectid }}</td>            <td>{{ if t.status == '0':                       <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>        </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>