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

相关推荐
tkevinjd3 小时前
MiniCode 项目详解6:原项目控制系统的10个缺陷(已修复)
python·llm·agent
dNGUZ7UGj4 小时前
10分钟完成第一个Python小游戏
python·django
没有梦想的咸鱼185-1037-16634 小时前
AI-Python机器学习与深度学习技术:CNN/Transformer/扩散模型、SHAP可解释及Hermes智能体自动化
人工智能·python·深度学习·机器学习·chatgpt·cnn·transformer
霸道流氓气质4 小时前
SpringBoot中通用工具类库(Utils)封装与使用实践
spring boot·后端·python
谙弆悕博士6 小时前
信息系统项目管理师教程(第4版)笔记——第 2 章 信息技术发展
笔记·职场和发展·软考高级·软考·高项·项目经理
Draina6 小时前
CBC填充预言攻击-CBC Padding Oracle Crypto Attack
python·安全·web安全·网络安全·密码学·安全性测试
Angel Q.7 小时前
特征提取 | DINO 到 DINOv3
图像处理·python
不如语冰7 小时前
AI大模型入门-pytorch-张量2 tensor创建
python
wp123_17 小时前
【硬件选型笔记】TONEVEE MVL4020-1R2M 与Coilcraft XAL4020-122MEC 大电流功率电感参数深度解析
笔记
NPE~7 小时前
[AI]Agent开发——ADK框架使用
人工智能·python·ai·教程·adk·agent开发