如何使用Jinja模板渲染数据填充网页？附代码片段

我看你正在用Jinja模板搭建带折叠面板和表格的网页组件，下面是整理好的Markdown格式代码片段：

<div class="container"> 
  <button type="button" class="btn btn-md btn-info collapsed" data-toggle="collapse" data-target="#title">Programme Title</button> 
  <div id="title" class="collapse"> 
    <!-- START of TABLE --> 
    <table> 
      <thead> 
        <th> Programme Title </th> 
        <th class="midc"> Lead (s) </th> 
        <th class="midc"> Theme </th> 
        <th class="midc"> Status </th>
        <!-- 补全你截断部分的常见表头示例 -->
      </thead>
      <tbody>
        <!-- Jinja动态填充数据的示例写法 -->
        {% for programme in programme_list %}
        <tr>
          <td>{{ programme.title }}</td>
          <td class="midc">{{ programme.leads }}</td>
          <td class="midc">{{ programme.theme }}</td>
          <td class="midc">{{ programme.status }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    <!-- END of TABLE -->
  </div>
</div>

顺便提个实用小建议：如果要实现动态数据填充，记得在后端把包含对应字段（比如title、leads）的programme_list数据传递给模板，然后用Jinja的{% for %}循环遍历渲染每一行，就像上面代码里的示例那样，这样就能把后端数据自动填充到表格里啦~

内容的提问来源于stack exchange，提问作者Clives-online