前言全局说明
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 效果:
五、
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样式 )