一、jinja2中加载静态文件通过 url_for( ) 函数来实现
1. 在HTML文件中加载图片
<img src="{{ url_for('static',filename='images/ironman.jpg') }}" alt="">2. 在HTML文件中加载css文件
<link rel="stylesheet" href="{{ url_for('static',filename='css/style.css') }}">3. 在HTML文件中加载js文件
<script src="{{ url_for('static',filename='js/my.js') }}"></script>二、项目演示
08加载静态资源.py
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/static') # 访问这个URL的时候会自动调用下面的函数
def static_demo():
return render_template("static.html")
if __name__ == '__main__':
app.run()static.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{{ url_for('static',filename='css/style.css') }}">
<script src="{{ url_for('static',filename='js/my.js') }}"></script>
</head>
<body>
{#{{ }} 表示里面是被调用的函数或者变量#}
<img src="{{ url_for('static',filename='images/ironman.jpg') }}" alt="">
</body>
</html>style.css
/*这里我想给展示的网页 设置一个其他颜色的背景*/
body{
background-color: pink;
}my.js
alert("我在my.js文件中执行！")启动人口程序：08加载静态资源.py，地址栏输入http://127.0.0.1:5000/static
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/122917.html
