Flask+表格静态展示

news/2024/11/29 0:44:48/

Python网页开发(持续更新ing…)
诸神缄默不语-个人CSDN博文目录

本文的需求场景是:我现在有一个JSON格式的表格,这个具体格式不重要相信你们能看懂其他格式的表格怎么改。总之我想用Python+Flask提取这个表格,并展示在HTML网页上。

最终的呈现效果(完全没有经过美化是这样的):
在这里插入图片描述

文章目录

  • 1. HTML部分
  • 2. Python代码部分
  • 3. 本文撰写过程中参考的其他网络资料

1. HTML部分

conference.html

<!DOCTYPE html>
<html>
<head><title>Table</title>
</head>
<body><table><thead><tr>{% for header in headers %}<th>{{ header }}</th>{% endfor %}</tr></thead><tbody>{% for row in rows %}<tr>{% for cell in row %}<td>{{ cell }}</td>{% endfor %}</tr>{% endfor %}</tbody></table>
</body>
</html>

2. Python代码部分

@app.route('/conference',methods={'GET','POST'})
def conference():table_json=json.load(open('conference_recommendation/conference_information.json'))headers=['会议简称','学科','会议级别','会议全称','2023年官网','2023年DDL','DBLP官网']rows=[]for k in table_json:for sample in table_json[k]:row=[]row.append(sample['conference_jiancheng'])row.append(k)row.append(sample['rate'])row.append(sample['conference_quancheng'])row.append(sample['official_site'])row.append(sample['deadline'])row.append(sample['dblp_official_site'])rows.append(row)return render_template('conference.html', headers=headers, rows=rows)

3. 本文撰写过程中参考的其他网络资料

其实核心参考资料是ChatGPT……

  1. HTML 表格基础 - 学习 Web 开发 | MDN
  2. learning-area/personal-pronouns.html at main · mdn/learning-area · GitHub
  3. windows python flask读取文件数据并返回表格-阿里云开发者社区

http://www.ppmy.cn/news/165364.html

相关文章

第十八篇、基于Arduino uno,获取手势识别传感器的信号——结果导向

0、结果 说明&#xff1a;该传感器模块集手势识别和触摸检测功能于一体&#xff0c;提供0~30cm以内的可调检测范围。它可以检测 5 向触摸信号和 7 种手势&#xff1a;向左移动、向右移动、向前移动、向后移动、向上拉、向下拉、拉和移除。 1、外观 说明&#xff1a;虽然手势…

手绘echarts散点图

面对各种定制&#xff0c;echarts图表有时候不好处理&#xff0c;无论是数据处理还是样式处理&#xff0c;都会被echarts限制。 举例&#xff1a;echarts散点图如果数据较少&#xff0c;echarts会均匀分布&#xff0c;如图1 对于产品或者老板对页面的要求&#xff0c;认为中间…

微星Z370M主板参数

一 概述 官网信息&#xff1a;Specification Z370M MORTAR | 微星中国 (msi.com)https://cn.msi.com/Motherboard/Z370M-MORTAR/Specification 二 参数截图 个别细节待后续了解分析。。。

微星z370安装linux系统,微星主板Z370、Z270、H110、H170设置U盘启动,U盘启动快捷键...

微星主板H110、H170、Z270、Z370组装电脑怎么设置u盘启动&#xff1f;微星主板U盘装系统快捷键是什么呢&#xff1f;下面玉米系统小编教大家微星主板H110、H170、Z270、Z370设置u盘启动。 微星主板设置u盘启动方法&#xff1a; 1.首先制作一个U帮忙U盘启动盘&#xff0c;参考“…

Makefile中的自动变量

Makefile中的自动变量 $< —— 规则中的第一个依赖 $ —— 规则中的目标 $^ —— 规则中的所有依赖 _____________________________________ Makefile中的自动变量 $< —— 规则中的第一个依赖 $ —— 规则中的目标 $^ —— 规则中的所有依赖

i78700和i510400f性能差距大不大

i5-10400F是一款中端处理器&#xff0c;适用于具有六个基于Comet Lake架构&#xff08;CML-S&#xff0c;第四代Skylake&#xff09;的六核的台式机。 借助超线程技术&#xff0c;该处理器的频率在4.1至4.8 GHz之间&#xff0c;并且可以同时执行多达12个线程 组装电脑选i5-1040…

黑苹果 GTX1060 6G显卡 EFI 文件

本人的配置如下&#xff1a; 电脑型号 微星 MS-7B45 台式电脑 操作系统 Windows 10 专业版 64位 ( DirectX 12 ) 处理器 英特尔 Core i7-8700 3.20GHz 六核 主板 微星 Z370 GAMING PRO CARBON AC (MS-7B45) ( Z370 芯片组 ) 内存 16 GB ( 威刚 DDR4 2400MHz ) 主硬盘 三星 S…

z370对应的服务器芯片,Z370芯片组为何仅支持第八代酷睿处理器?供电针脚不一样!...

拼 命 加 载 中 ... Intel为了应对AMD锐龙处理器挑起的多核大战&#xff0c;一年内居然放出了两代酷睿处理器&#xff0c;而第八代酷睿处理器也并没有让我们失望。Core i7-8700K在i7-7700K四个物理核心前提下&#xff0c;多加了两个&#xff0c;成为了六核十二线程处理器&#…