一、首先我们需要检查文件位置是否正确,必须要有templates文件与static文件作为支持才能正常渲染
我们可以看到我们已经创建了一个static文件和templates的文件夹,并且在templates文件夹中存放了html文件,在static下存放了css文件。
二、我们需要对路径进行检查以及对路径应用进行修改
1、方法一,网络大部分采用的修改代码(但本人经过修改后还是无法使用,因此下面提供了方法二,若采用方法一后还是无法正常使用则采用方法2中中)
网上大部分方式采用的是将下面的代码(html文件可以正常应用css的情况)
<link rel="stylesheet" href="../stnatic/bootstrap/css/bootstrap.mi.css">
<script src="../static/js/html5shiv.js"></script>
更改为如下代码(flask能够正确引用路径的情况):
<link rel="stylesheet" href="{{url_for('static',filename='../stnatic/bootstrap/css/bootstrap.mi.css')}}">
<script src="{{url_for('static',filename ='../static/js/html5shiv.js')}}"></script>
经过实测该方法在经过步骤一的设置后还是无法正常使用,故本文提供了第二种解决办法
2、方法二,采用如下方法(其实就是直接引用static文件中的css就可以了)
包括我们可以在static文件中创建多个文件夹使我们能够增加更多样式以及js及外部引用、图片等,只需要在html中正确更改路径即可,下面是创建/css、/js文件夹为示例(也可以创建图像文件用于存放图像等):
本文作为个人学习备忘录使用,希望也能够为各位的学习带来帮助