前端表格展示

奋力奔跑

于 2023-03-31 17:22:56 发布

阅读量282

点赞数

CC 4.0 BY-SA版权

文章标签：前端 flask python

本文链接：https://blog.csdn.net/qq_45928520/article/details/129884883

该文章展示了如何利用Python的Flask框架结合Bootstrap库，将数据传递到前端并渲染在界面上。通过一个包含原始路径和预测结果的表格，显示了数据传递和渲染的具体实现。示例中，数据是一个字典列表，每个字典包含history和new两个键值对。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用flask,bootstrap 实现前端传递数据，并实现前端界面的展示

  <div class="panel panel-default panel-show">
          <!-- Default panel contents -->
<!--      <div class="panel-heading panel-show" >路径展示</div>-->

           <!-- Table -->
           <table class="table">
                 <thead>
                     <tr>
                         <th>原始路径</th>
                         <th>预测结果</th>
                     </tr>
                 </thead>
                 <tbody>
                     {% for item in data %}
                         <tr>
                             <td>{{ item.history }}</td>
                             <td>{{ item.new }}</td>
                         </tr>
                     {% endfor %}
                 </tbody>
             </table>
         </div>

 data = [
        {"history": (1), "new": (2)},
        {"history": (2), "new": (4)},
    ]
    return render_template('hello.html', name=name,data=data)