首页 > 编程语言 >Python Flask+Pandas读取excel显示到html网页: CSS控制表格样式、表头文字居中

Python Flask+Pandas读取excel显示到html网页: CSS控制表格样式、表头文字居中

时间:2024-04-18 09:33:33浏览次数:22  
标签:__ index Python excel 表头 html table CSS

前言全局说明

CSS控制表格样式


一、安装flask模块

二、引用模块

三、启动服务

模块安装、引用模块、启动Web服务方法,参考下面链接文章:
https://www.cnblogs.com/wutou/p/17963563

Pandas 安装
https://www.cnblogs.com/wutou/p/17811839.html

Pandas 官方API说明
https://pandas.pydata.org/pandas-docs/stable/reference/index.html

修改内容后,要重启 flask 服务,修改才能生效


四、CSS 控制表格样式

4.1.2文件名:index.py
from flask import Flask

app=Flask(__name__)

@app.route("/excel_to_html")
def excel_to_html():
    if request.method == 'GET':
        ## 读取EXCEL文件
        df = pd.read_excel('e_to_h.xlsx')
        ## 转为html表格
        htm_table= df.to_html(index=False, classes="custom-table")
        ## 渲染模板
        return render_template('e_to_h.html')

if __name__ == '__main__':
    # app.debug = True
    # app.run(host='127.0.0.1',port = 5000)
    app.run(host='0.0.0.0',port = 5000)

e_to_h.xlsx 放到和 index.py 同目录下,可以指定绝对路径和相对路径
代码里自定义一个CSS类名 classes="custom-table"

4.1.2 文件名:index.html
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <title>Excel to Web</title>
        <style>
            .custom-table {
                background-color: #aabb
            }
        </style>
    </head>
    <body>
        <h1>h1 Excel to Web h1</h1>
        {{ table|safe }}
    </body>
</html>

html里增加了 style 样式,给表格添加背景色
DataFrame 是默认的CSS类样式,可以在模板里设置这个类的样式

4.2 访问连接:

http://127.0.0.1:5000/excel_to_html

4.3 效果:

image


五、表头文字居中 justify="center"

5.1.1 文件名:index.py

将4.1.1 代码部分修改如下,

html_table= df.to_html(index=False, classes="custom-table", justify="center")

增加 justify="center"

5.1.2 文件名:index.html
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <title>Excel to Web</title>
        <style>
            .custom-table {
                background-color: #FFF
            }
            table th, table td {
                width: 100px;
            }
        </style>
    </head>
    <body>
        <h1>h1 Excel to Web h1</h1>
        {{ table|safe }}
    </body>
</html>
5.2 访问连接:

http://127.0.0.1:5000/excel_to_html

5.3 效果:

image





免责声明:本号所涉及内容仅供安全研究与教学使用,如出现其他风险,后果自负。




参考、来源:
https://www.cnblogs.com/rong-z/p/17580396.html (添加CSS样式、表头居中 )



标签:__,index,Python,excel,表头,html,table,CSS
From: https://www.cnblogs.com/wutou/p/18142815

相关文章

  • blender python api 使用脚本对所有帧 进行全方位渲染
    代码:importbpy#定义要使用的物体placement_ob=bpy.context.scene.objects['Sphere']#'Sphere'是要渲染的物体名称camera_ob=bpy.context.scene.objects['Camera']#'Camera'是摄像机的名称render=bpy.context.scene.render#获取渲染场景的引......
  • blender python api 使用脚本对一个静帧 进行全方位渲染
     代码:importbpy#Definewhichobjectstouseplacement_ob=bpy.context.scene.objects['Sphere']camera_ob=bpy.context.scene.objects['Camera']render=bpy.context.scene.render#Settherenderpathrender_path='renders\......
  • Python案例:输出公元后到目前为止全部回文日期
    一、回文日期一个日期,如果顺读和倒读都一样,那么就称之为回文日期,比如今天:20211202,就是一个神奇的回文日期。二、提出任务输出公元后的全部回文日期要求每行输出五个回文日期统计总共有多少个回文日期三、完成任务(一)涉及知识点1、time模块time模块有两个常用函数time()......
  • xxx,一个神奇的 Python 库
    前几天,我在《技术周刊的转变:如何平衡热爱与现实?》一文里写过国内Python自媒体圈在近几年的两个现象(仅个人观感,无科学数据支撑):Python广告投放出现断崖式萎缩Python大号出现很多改名/转行本文想继续分享我观察到的另一个挺有意思的现象。如果你能从中受到一些启发,进而为自......
  • Effective Python:第5条 用辅助函数取代复杂的表达式
    初始代码: 第一次优化:多次使用:  ......
  • excel对比脚本
    对比excel  fromos.pathimportexistsfromxlwingsimportAppimportyamldefcheck_list_tool():ifnotexists('主管.xlsx'):print("缺少主管文件,无法比较")else:#比较横梁ifexists('横梁.xlsx'):do_compare......
  • 【python之DRF学习】三大方法之认证
    title:【python之DRF学习】三大方法之认证date:2024-04-1721:00:56星期三updated:2024-04-1721:01:00星期三description:cover:内置三大方法:drf之APIView内部的必须会经过的三大认证/方法:认证、权限、频率一、认证组件1、简介登录认证的限制​认证组件......
  • Python量化交易系统实战_学习笔记(更新中)
    作者:麦克煎蛋  出处:https://www.cnblogs.com/mazhiyong/转载请保留这段声明,谢谢!此系列的文章主要是基于慕课网的课程做的学习笔记,算是量化交易的入门级课程。这个系列的课程,好处是通俗易懂,适合刚上手的小白。但感觉数据部分限制见多,后面再更新下对于数据源的文章吧。 课......
  • openGauss plpython-fenced模式
    PLPythonFenced模式在fenced模式中添加plpython非安全语言。在数据库编译时需要将python集成进数据库中,在configure阶段加入--with-python选项。同时也可指定安装plpython的python路径,添加选项--with-includes='/python-dir=path'。在启动数据库之前配置GUC参数unix_socket_dir......
  • python首次配置selenium
    一、Selenium的配置1.Python环境的安装到官网下载一个合适版本的Python,下载网址如下:https://www.python.org/downloads/DownloadPython|Python.org2.安装PyCharmDownloadPyCharm:ThePythonIDEfordatascienceandwebdevelopmentbyJetBrains安装好之后可以在命......