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()

参考资料

https://weread.qq.com/web/reader/0a932660718ac6bc0a9702e

posted @ 2022-06-01 21:13  tiansz  阅读(27)  评论(0编辑  收藏  举报