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

Python Flask+Pandas读取excel显示到html网页:CSS控制表格样式

时间:2024-04-16 11:55:05浏览次数:25  
标签:__ index Python app excel Flask html CSS

前言全局说明


一、安装flask模块

二、引用模块

三、启动服务

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


四、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 样式,给表格添加背景色

4.2 访问连接:

http://127.0.0.1:5000/excel_to_html

4.3 效果:

image


五、

5.1.1 文件名:index.py

将4.1.1 代码部分修改如下,


5.1.2 文件名:index.html
不变
5.2 访问连接:

http://127.0.0.1:5000/excel_to_html

5.3 效果:




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




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



标签:__,index,Python,app,excel,Flask,html,CSS
From: https://www.cnblogs.com/wutou/p/18137791

相关文章

  • Python Flask+Pandas读取excel显示到html网页: 没有excle文件提示
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563四、没有excle文件提示4.1.2文件名:index.py添加tryexcept获取没有文件的异常fromflaskimportFlaskapp......
  • Python Flask+Pandas读取excel显示到html网页: 环境搭建显示内容
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563Pandas安装https://www.cnblogs.com/wutou/p/17811839.html四、环境搭建4.1.2文件名:index.pyfromflaskimp......
  • Python这个代码里面x=self是什么意思啊
    大家好,我是Python进阶者。一、前言前几天在Python白银交流群【无敌劈叉小狗】问了一个Python基础的问题,问题如下:这个代码里面x=self是什么意思啊?self到底是个什么存在呢?感觉把类本身赋值给x这个点有点抽象。二、实现过程这里【论草莓如何成为冻干莓】分享了自己的一个经验:就......
  • CentOS 7.9编译安装Python-3.10.13
    目录查看CentOS版本、系统默认gcc版本、Python版本和pip版本部署Python-3.10.13测试将yum中的Python版本修改为系统原来的2.7.5版本查看CentOS版本、系统默认gcc版本、Python版本和pip版本cat/etc/redhat-releasegcc--versionpython-Vpip-V部署Python-3.10.13下载......
  • python制作罗盘时钟
    背景图importsysimportmathimportpygamefromdatetimeimportdatetimefrompygameimportdisplay,image,font,transform#创建罗盘时钟的窗口defcreateWindow():pygame.init()screen=display.set_mode((800,700),pygame.RESIZABLE)display.s......
  • python 序列类型 元组
    元组定义元组是不可变序列,通常用于储存异构数据的多项集(例如由enumerate()内置函数所产生的二元组)。元组也被用于需要同构数据的不可变序列的情况(例如允许存储到set或dict的实例)。元组是Python中的一种数据结构,类似于列表,但是元组是不可变的,意味着一旦创建,元组内的元素......
  • Python中两种网络编程方式:Socket和HTTP协议
    本文分享自华为云社区《Python网络编程实践从Socket到HTTP协议的探索与实现》,作者:柠檬味拥抱。在当今互联网时代,网络编程是程序员不可或缺的一项技能。Python作为一种高级编程语言,提供了丰富的网络编程库,使得开发者能够轻松地实现各种网络应用。本文将介绍Python中两种主要的网络......
  • 19、python 脚本
    1.python安装及配置下载地址python2和python3共存安装2.python可视化importturtleturtle.pensize(2)#画一个小圆turtle.circle(10)turtle.circle(40)turtle.circle(80)turtle.circle(160)工具:pythonIDE:pycharmhttps://pan.baidu.com/s/1s_bkgDT0QxNTQY07L......
  • python (63):dataclasses 简单示例
    dataclasses简单示例:importtransformersfromdataclassesimportdataclass,fieldimportargparse@dataclassclassPerson():age:int=field(default=10)Name:str=field(default="Tom")high:int=field(default=185,......
  • Excel切片器
    Excel切片器是一个可以对超级表或数据透视表进行快速筛选的功能。使用切片器的步骤如下选中表格,按下Ctrl+T,将表格转换为超级表,或者创建数据透视表。点击设计选项卡,选择插入切片器,勾选需要筛选的字段,确定。在切片器界面,点击筛选按钮,可以单选或多选,按住Ctrl键可以多选。可以修......