【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
添加链接描述

相关推荐
梅雅达编程笔记6 小时前
编程启蒙|Scratch 转 Python 系列第9天:字典/哈希表积木双向对照(AI大模型参数配置表实战)
开发语言·人工智能·python·numpy·pandas
zhz52147 小时前
GIS项目中空间参考转换与MBTiles偏移:问题成因、解法与避坑
python·vue·gis
一只小菜鸡..7 小时前
Stanford CS144 学习笔记 (四):网络拥塞控制与 AIMD 算法
网络·笔记·学习
Hammer_Hans7 小时前
DFT笔记82
笔记
KaMeidebaby8 小时前
卡梅德生物技术快报|如何制备单克隆抗体:小众禽类靶点单抗制备实操流程:双载体抗原交叉筛选完整工艺记录
人工智能·python·深度学习·算法·机器学习
乱写代码8 小时前
Pydantic学习--BaseModel
python
xuhaoyu_cpp_java8 小时前
SpringBoot学习(四)
java·经验分享·spring boot·笔记·学习
fu15935745688 小时前
【边缘计算实战】P1:从零搭建边云任务卸载仿真实验台(Python 可复现)
数据库·python·边缘计算
依然范特东8 小时前
动手学深度学习笔记--训练注意、梯度问题
人工智能·笔记·深度学习
蜡台9 小时前
通过Gradle脚本声明更改Java变量
android·java·开发语言·python·kotlin·gradle·groovy