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()
参考资料
本文作者:tiansz
本文链接:https://www.cnblogs.com/tiansz/p/16335732.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步