13、在模板中引入静态文件
静态文件的加载一般需要先在项目文件的根目录下新建文件夹static,在文件夹下再新建css、js和images等文件夹,在这些文件夹中存放css、js、images等,同时要需要使用url_for
函数。
- 以 css 文件夹下的 style.css 文件为例:
定义静态文件 style.css
body {
background-color: black;
}
定义主模板文件 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Title</title>
<!-- 表示以 static 为根目录,在它的下级目录寻找 css/car.css -->
<link
rel="stylesheet"
href="{{ url_for('static',filename='css/style.css') }}"
/>
</head>
<body>
</body>
</html>
定义主程序
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def hello_world():
return render_template('index.html')
if __name__ == '__main__':
app.run()