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

news2024/11/25 2:22:28

收到老师的小组作业任务说是写一个自动报告程序,用Python+SQLite+HTML实现,好吧。
前面没什么问题,打开VSCode,连数据库+读数据+处理+可视化+模板拼凑,最后调用Flask框架出网页报告的时候总报错连接不了。
在这里插入图片描述
但换了jinjia2的渲染代码,又能看见模板和生成的html文件,目录也没有什么问题。
模板:
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"。

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1183918.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

水利部加快推进小型水库除险加固,大坝安全监测是重点

国务院常务会议明确到2025年前,完成新出现病险水库的除险加固,配套完善重点小型水库雨水情和安全监测设施,实现水库安全鉴定和除险加固常态化。 为加快推进小型水库除险加固前期工作,水利部协调财政部提前下达了2023年度中央补助…

事业单位如何完成新闻宣传发稿考核任务

新闻宣传作为事业单位对外展示形象、传达政策、沟通信息的重要手段,其效果直接关系到单位的声誉和形象。许多事业单位会设立新闻宣传考核任务,同样作为单位宣传口的公务人员面临考核,也关系到机关事业单位的年度绩效和排名。 首先需要确保清楚…

【亚马逊云科技产品测评】活动征文|10分钟拥有一台AWS Linux系统

前言 在数字化时代,AWS云服务扮演着至关重要的角色。AWS(Amazon Web Services)是亚马逊公司旗下的云计算服务平台,为全球各地的企业、组织和个人开发者提供了一系列广泛而深入的云服务。 在AWS云服务中,计算、存储、数…

idea 模板参数注释 {@link}

1. 新增组 2. 设置方法注释及变量 增加模板文本 ** * $param$ * return {link $return$} */3. 设置变量表达式 勾选跳过param 参数表达式 groovyScript("def result ;def params \"${_1}\".replaceAll([\\\\[|\\\\]|\\\\s], ).split(,).toList();def param…

迅睿cms前台页面的会员登入和退出

迅睿cms前台页面的会员登入和退出 前端代码&#xff1a; {if $member} 登录用户名&#xff1a;{$member.username} {else} 没有登录 <a href"{dr_member_url(register/index)}" class"btn dark btn-outline btn-xs">用户注册</a> <…

JavaScript使用数组

数组(Array)是有序数据集合&#xff0c;具有复合型结构&#xff0c;属于引用型数据。数组的结构具有弹性&#xff0c;能够自动伸缩。数组长度可读可写&#xff0c;能够动态控制数组的结构。数组中每个值称为元素&#xff0c;通过下标可以索引元素的值&#xff0c;对元素的类型没…

腾讯、巨量等头部营销平台方法论

媒体、营销与市场生态正处于新一轮变革期&#xff0c;尤其是进入移动互联网时代后&#xff0c;行业话语权由创意人转向互联网人&#xff0c;营销的风向与规则&#xff0c;也越来越由掌握流量与资源的头部平台引领。 巨变之下&#xff0c;企业只有从本质层面&#xff0c;认清变…

文件传输|如何将100多G文件跨国安全传输到客户手里呢?

信息时代的高速发展&#xff0c;特别是跨国交易企业&#xff0c;很需要频繁地在跨国或跨地区间传递各类文件&#xff0c;如照片、视频、音频、文档、压缩包等。比如企业用户需要与海外的合作伙伴、供应商、客户传递合同文本、产品设计、市场分析等。然而&#xff0c;跨国文件传…

javaSSMMYSQL中学成绩管理系统98575- 计算机毕业设计项目选题推荐(附源码)

目 录 摘要 1 绪论 1.1背景及意义 1.2开发现状 1.3系统开发技术的特色 1.4论文结构与章节安排 2 中学成绩管理系统分析 2.1 可行性分析 2.2 系统业务流程分析 2.3 系统功能分析 2.3.1 功能性分析 2.3.2 非功能性分析 2.4 系统用例分析 2.5本章小结 3 中学成绩管…

Win10笔记本开热点后电脑断网的解决方法

在Win10笔记本电脑中用户可以随时打开热点&#xff0c;但是发现热点开启后电脑就会断网&#xff0c;网络不稳定就会影响到用户的正常使用。下面小编给大家介绍两种简单的解决方法&#xff0c;解决后用户在Win10笔记本电脑开热点就不会有断网的问题出现了。 具体解决方法如下&am…

Java 数据结构篇-实现双链表的核心API

&#x1f525;博客主页&#xff1a; 小扳_-CSDN博客 ❤感谢大家点赞&#x1f44d;收藏⭐评论✍ 文章目录 1.0 双链表的说明 1.1 双链表 - 创建 1.2 双链表 - 根据索引查找节点 1.3 双链表 - 根据索引插入节点 1.4 双链表 - 头插节点 1.5 双链表 - 尾插 1.6 双链表 - 根据索引来…

VS Code Counter统计代码量(vscode扩展工具)

1.VS Code Counter 该vscode扩展工具用于统计代码行数以及代码量等信息。 2. 安装 既可以点击左侧扩展图标&#xff0c;也可以 ShiftCtrlX vscode快捷命令打开扩展&#xff1a;商店&#xff0c;然后在商店中搜索 VS Code Counter&#xff0c;并点击安装。 3. 使用 使用时用…

ggrcs包3.5版本发布—增加了大家喜闻乐见的P for overall和主题色彩定制

目前本人写的ggrcs包新的3.5版本已经在CRAN上线&#xff0c;目前支持逻辑回归&#xff08;logistic回归&#xff09;、cox回归和多元线性回归。 需要的可以使用代码安装 install.packages("ggrcs")如果原来安装了旧版本&#xff0c;可以通过Rstudio进行升级 这样就…

ArcGIS丨SWAT丨农业水土环境及面源污染建模及对农业措施的响应

农业面源污染治理是生态环境保护的重要内容&#xff0c;事关农村生态文明建设&#xff0c;事关国家粮食安全和农业绿色发展&#xff0c;事关城乡居民的水缸子、米袋子、菜篮子。加强农业水土环境建模与农业面源污染治理与监督指导&#xff0c;可以保护生态环境&#xff0c;维护…

[黑马程序员Pandas教程]——Pandas常用计算函数

目录&#xff1a; 学习目标排序函数 sort_values函数rank函数常用聚合函数 corr函数计算数值列之间的相关性min函数计算最小值max函数计算最大值mean函数计算平均值std函数计算标准偏差quantile函数计算分位数sum函数求和count计算非空数据的个数其他常用计算函数 round改变浮…

Docker学习——⑤

文章目录 1、什么是Docker Container&#xff08;容器&#xff09;2、容器的生命周期2.1 容器 OOM2.2 容器异常退出2.3 容器暂停 3、容器命令详解4、容器操作案例4.1 容器批量处理技巧4.2 容器交互模式4.3 容器自动重启4.4 容器环境变量配置 5、综合实战5.1 Mysql 容器化安装5.…

clang插件对llvm源码插桩,分析函数调用日志(2)

tick_plot__compile.ipynb clang插件对llvm源码插桩&#xff0c;分析函数调用日志(1) 分析 进出、链、出 df进出df[ df[tickKind].isin( [FuncEnter,FuncReturn] ) ]#代码中&#xff0c;只有在函数进入时&#xff0c;计算了链条长度 并写磁盘 df入df[ df[tickKind].isin…

基于React使用swiperjs实现竖向滚动自动轮播

很多文章&#xff0c;都只提供了js部分&#xff0c;包括官方的文档也只有js部分&#xff0c;如果css设置不正确&#xff0c;会导致轮播图不自动播放。 使用的swiper版本&#xff1a;v11.0.3 文档 https://swiperjs.com/get-startedhttps://swiperjs.com/react 实现效果 使…

Go和JavaScript结合使用:抓取网页中的图像链接

前言 在当今数字化时代&#xff0c;数据是金钱的源泉&#xff0c;对于许多项目和应用程序来说&#xff0c;获取并利用互联网上的数据是至关重要的。其中之一的需求场景是从网页中抓取图片链接&#xff0c;这在各种项目中都有广泛应用&#xff0c;特别是在动漫类图片收集项目中…

C# OpenCvSharp 去除文字中的线条

效果 中间过程效果 项目 代码 using OpenCvSharp; using System; using System.Drawing; using System.Windows.Forms; using static System.Net.Mime.MediaTypeNames;namespace OpenCvSharp_Demo {public partial class frmMain : Form{public frmMain(){InitializeComponent…