Flask+表格静态展示

news2024/11/23 17:00:45

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.coloradmin.cn/o/601401.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

PMP考试的难点在哪里以及应对策略

PMP考试内容非常综合&#xff0c;新考纲增加了一半的敏捷混合型题目&#xff0c;综合了《PMBOK指南》第6版和《敏捷实践指南》两本书的内容&#xff0c;考生需要掌握的内容就更多了&#xff0c;下面剖析PMP考试的难易点和PMP新考纲备考技巧&#xff01; 一、容易忽视的知识点 …

不负童年时光,涂鸦智能用IoT塑造新式童年

一直以来&#xff0c;儿童消费市场都是商家必争之地&#xff0c;市场前景十分广阔。尤其是随着IoT技术的发展&#xff0c;让哆啦A梦的“魔法道具”照进现实&#xff0c;越来越多的智能儿童产品开始进入家庭&#xff0c;并成为陪伴儿童成长的重要“伙伴”。 那么&#xff0c;究竟…

2023年上半年系统规划与管理师上午真题及答案解析

1.香农用概率来定量描述信息的公式如下&#xff0c;其中H(x)表示X的( )&#xff0c;Pi是( )出现第i种状态的( )。 A.信息熵 事件 概率 B.总熵 单位 概率 C.信息熵 单位 概率 D.总熵 单位 度量 2.信息传输模型中&#xff0c;( )负责信息的向外传播&#xff0c;( )负责…

一般人自学软件测试,我劝你回头是岸~

自学时间长短需要根据你个人的实际情况来看&#xff0c;有人三个月就能学成&#xff0c;有人学一年也没学出来个好歹来。每天学习多久&#xff0c;学习的是哪些视频课程&#xff0c;自己掌握能力都决定了你到底要学习多长时间。系统的培训基本是在3个月&#xff0c;那么自学就要…

加速开发RISC-V开源软件,Linux基金会启动RISE项目

使用RISC-V架构为移动、消费电子、数据中心和汽车等领域提供商用软件。 Linux软件基金会在官博宣布了RISC-V软件生态系统 RISE&#xff0c;该项目由Linux Foundation Europe托管&#xff0c;并支持RISC-V International的全球开放标准活动和成就。 官网&#xff1a;https://r…

大数据:分布式资源调度框架YARN,核心架构,主从结构,辅助结构,yarn和MapReduce部署与配置,蒙特卡罗法求圆周率PI

大数据&#xff1a;分布式资源调度框架YARN&#xff0c;核心架构&#xff0c;主从结构&#xff0c;辅助结构&#xff0c;yarn和MapReduce部署与配置&#xff0c;蒙特卡罗法求圆周率PI 2022找工作是学历、能力和运气的超强结合体&#xff0c;遇到寒冬&#xff0c;大厂不招人&am…

【Cloudreve】正确地用Webdav服务把网盘挂在Windows上

Cloudreve是一款基于Web平台的在线云存储管理系统。它支持各种常见云存储服务&#xff08;如Google Drive、OneDrive、Dropbox等&#xff09;的管理和集成&#xff0c;用户可以通过Cloudreve将这些云存储服务连接起来&#xff0c;方便地管理自己的云存储文件。同时&#xff0c;…

Redis7实战加面试题-高阶篇(Redlock算法和底层源码分析)

当前代码为8.0版接上一步 当前文档源码&#xff0c;接上一篇博客 Redis7实战加面试题-高阶篇&#xff08;手写Redis分布式锁&#xff09; 逐步深入&#xff0c;引入Redlock 自研一把分布式锁,面试中回答的主要考点 1.按照UC里面java.util.concurrent.locks.Lock接口规范编写…

【Linux】程序内获取文件系统挂载信息

Linux shell可通过查看/etc/mtab或者/proc/mounts文件来获取当前文件系统挂载信息&#xff0c;示例&#xff1a; 程序内读取/etc/mtab或者/proc/mounts&#xff0c;解析字符串较为繁琐&#xff0c;可以使用mntent提供的方便函数&#xff1a; FILE *setmntent(const char *file…

Linux下socketpair系统API调用使用说明

目录 1.socketpair函数说明 2.socketpair使用举例 在阅读nginx源码时&#xff0c;发现其调用socketpair来实现master和worker进程之间进行数据交互。其代码如下&#xff1a; 思考&#xff1a;master和worker进程是父子关系&#xff0c;有亲属关系的进程通过pipe/pipe2&#x…

Genio 500核心板,MT8385安卓核心板定制方案

Genio 500&#xff08;MT8385&#xff09;核心板搭载Arm Neon引擎的四核Arm Cortex-A73和Cortex-A53&#xff0c;提供必要的处理能力&#xff0c;可以通过2D/3D图形加速器进行增强&#xff0c;然后在高分辨率触摸屏显示器上进行可视化。为了提供先进的多媒体应用和服务&#xf…

电商后台管理项目vue3+express

目录 源码 1.系统功能设计 技术栈&#xff1a;采用前后端分离的开发模式前端&#xff1a;Vue3、Vue-router、Element-Plus、Axios、Echarts后端&#xff1a;Node.js、Express、Jwt、Mysql、Sequelize 2.项目初始化 打开cmd&#xff0c;输入vue ui&#xff08;vue-cli版本要…

Java程序设计入门教程--日期类Date

java.util.Date类是一个简单的日期处理类&#xff0c;它包含了一些关于时间和日期的操作方法&#xff0c;精确到毫秒。它的常用方法如表所示&#xff1a; 方法 说明 public Date() 构造方法&#xff0c;分配 Date 对象并用当前时间初始化此对象&#xff0c;以表示分配它的时…

2023年6月DAMA-CDGA/CDGP数据治理认证你考了吗?

DAMA认证为数据管理专业人士提供职业目标晋升规划&#xff0c;彰显了职业发展里程碑及发展阶梯定义&#xff0c;帮助数据管理从业人士获得企业数字化转型战略下的必备职业能力&#xff0c;促进开展工作实践应用及实际问题解决&#xff0c;形成企业所需的新数字经济下的核心职业…

NUC980编译错误,arm-linux-gcc: Command not found

报错问题&#xff1a; make: arm-linux-gcc: Command not found /bin/sh: 1: arm-linux-gcc: not found dirname: missing operand 昨天编译的时候&#xff0c;还小甜甜&#xff0c;今天就牛夫人了。啥也没干啊&#xff01; -----------------------------------------------…

亚马逊云科技与涂鸦智能持续赋能开发者,推动全行业的数智化创新

近几年&#xff0c;智能产品已渗透至人们生活的方方面面&#xff0c;IoT技术市场规模也随之获得较快增长&#xff0c;据IoT Analytics的数据&#xff0c;2023年IoT市场规模将增长19%&#xff0c;或成为经济波动周期的一大黑马赛道&#xff0c;但下游应用场景与需求的高度碎片化…

从零开始Vue3+Element Plus后台管理系统(17)——一键换肤的N种方案

暗黑模式 基于Element Plus和Tailwind CSS灵活的设计&#xff0c;我们很容易在项目中实现暗黑模式&#xff0c;具体可以参考之前的文章《从零开始写一个Vue3Element Plus的后台管理系统(二)——Layout页面布局的实现》 换肤方案 如果需要给用户提供更多主题&#xff0c;更丰…

【Android项目开发】聊天功能-主界面设计(对标企业需求)

文章目录 一、引言二、详细设计1、解决需求&#xff08;1&#xff09;图形问题&#xff08;2&#xff09;文本长度问题&#xff08;3&#xff09;时间转换问题 2、UI设计&#xff08;1&#xff09;主界面&#xff08;2&#xff09;适配器 3、Adapter适配器4、测试参数 三、附录…

龙芯2K1000实战开发-USB/PCIe/HDMI外设开发

文章目录 概要整体架构流程技术名词解释技术细节小结概要 提示:这里可以添加技术概要 本文主要针对2k1000的PCIE和USB外设的国产化设计 整体架构流程 提示:这里可以添加技术整体架构 使用2k1000自带的以太网pcie控制器,USB控制器。 考虑到龙芯没有HDMI接口,选用龙讯半…

从小白走向进阶:如何系统的学习it技术

无论是初学者还是有经验的专业人士&#xff0c;在学习一门新的IT技术时&#xff0c;都需要采取一种系统性的学习方法。那么作为一名技术er&#xff0c;你是如何系统的学习it技术的呢。 一、it技术介绍 1. Spring、SpringMVC、MyBatis、MyBatis-Plus、tkMapper&#xff0c;Spri…