【Python自学笔记】Flask调教方法Internel Server Error

收到老师的小组作业任务说是写一个自动报告程序,用Python+SQLite+HTML实现,好吧。

前面没什么问题,打开VSCode,连数据库+读数据+处理+可视化+模板拼凑,最后调用Flask框架出网页报告的时候总报错连接不了。

但换了jinjia2的渲染代码,又能看见模板和生成的html文件,目录也没有什么问题。

模板:

生成的html代码:

我搜了好几个帖子,最后发现是Flask的路径很刁钻的问题:

1.主要Python文件名改为app.py

2.app.py这个文件要放在顶级目录的下面,他的邻居就是html模板文件,取名template不容易出错,因为这个是Flask的默认路径名字。

3.静态图片文件目录改名static,放在和app.py同一级,也就是主目录(最外面一层目录)下方。

第二小步特别要注意,图片路径应该是放图片的那个文件夹+图片名字,而不是"C://blabla"这样的一长串完整目录。

chatGPT的第三步我没找照做,因为url_for引入了库也一直报错,前两小步足够解决问题了。

再对比一下之前的文件目录,马上就发现差别有多大了。

4.所有文件存放路径不要出现任何中文,否则模板渲染的时候会出现黑色菱形问号,比如,不要把图片放在"C://我的图片/Image.png"这样的目录里,要用"C://staitc/Image.png"。

python 复制代码
app = Flask(__name__)
@app.route('/')
def show_report():
    image_static_paths = [
    "static/" + "001OverviewImage.png",
    "static/" + "002GenderImage.png",
    "static/" + "003OccupationImage.png",
    "static/" + "004SleepDurationQualityImage.png",
    "static/" + "005SleepQualityDisorderImage.png"
]

    return render_template('report_template.html', result_line=resultLine, image_paths=image_static_paths)
    #return resultLine


if __name__ == '__main__':
    #数据处理函数调用放前面
    app.run(host='0.0.0.0')
    #其他代码

这样就可以顺利打开了Flask渲染的html文件了

如果还有其他问题的话可以看看这些帖子:

《浏览器访问127.0.0.1已拒绝连接》
添加链接描述

《Can't connect to Flask web service, connection refused》:

https://stackoverflow.com/questions/30554702/cant-connect-to-flask-web-service-connection-refused
添加链接描述

相关推荐
青 春 记 忆3 小时前
LeetCode 21. 合并两个有序链表|Python 解法详解
python·算法·leetcode·链表
大数据魔法师5 小时前
DuckDB高阶实战指南!多文件处理、窗口函数、性能调优、工程化落地
python·数据分析
尤乐娃子5 小时前
进入大厂(厂子大)实习Day12
前端·笔记·实习
Patrick在香港6 小时前
Python Docker镜像从1.2GB到89MB:多阶段构建的完整优化实录
java·python·docker·信息可视化·容器·数据分析·ai编程
上海安当技术6 小时前
敏感数据怎么防拖库?信封加密(DEK+KEK 二层密钥)架构设计与 Java 实战
java·开发语言·python
砚凝霜7 小时前
软考网络工程师|第 6 章 密码学、哈希、数字签名、数字证书 PKI 完整备考笔记
笔记·密码学·哈希算法
QAQo7T7 小时前
Python组蓝桥杯备赛超详细知识点总结笔记_排序算法篇
笔记·python·算法·蓝桥杯·排序算法
醉颜凉7 小时前
蓝桥杯2025年第十六届省赛真题-最大数字 Python题解
python·职场和发展·蓝桥杯
lion_heart0017 小时前
成功日记Plus 智能记账:共享账本、预算管控、Excel 导出等一次讲清
笔记
卷无止境8 小时前
当独立开发者也能造出3A画质的游戏:Godot引擎深度解析
后端·python·godot