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

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

时间:2024-04-16 12:22:05浏览次数:35  
标签:__ index Python app excel Flask html CSS

前言全局说明

CSS控制表格样式


一、安装flask模块

二、引用模块

三、启动服务

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

修改内容后,要重启 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 样式,给表格添加背景色

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/18137825

相关文章

  • flask框架图书管理系统服务器端
    fromflaskimportFlask,request,jsonifyapp=Flask(__name__)books=[{'id':1,'title':'book1','author':'au1'},{'id':2,'title':'book2','author':'au2'},......
  • flask框架图书管理系统客户端
    importrequestsimportjson#Flask应用的URLbase_url='http://localhost:5000'#获取所有图书defget_all_books():response=requests.get(f'{base_url}/books')ifresponse.status_code==200:returnresponse.json()else:print(f&#......
  • Python Flask+Pandas读取excel显示到html网页:CSS控制表格样式
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563四、CSS控制表格样式4.1.2文件名:index.pyfromflaskimportFlaskapp=Flask(__name__)@app.route("/excel......
  • 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中两种主要的网络......