from flask import Flask, render_template app = Flask(__name__) @app.route("/") def hello_world(): """ 静态文件加载,包括图片,css,js.涉及到html的标签,已经函数url_for的使用. """ return render_template("static.html") if __name__ == "__main__": app.run(host="0.0.0.0", port=5001, debug=True)
效果:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>静态文件加载</title> <!--加载css样式文件--> <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> <!--加载js文件--> <script src="{{ url_for('static', filename='js/my_js.js') }}"></script> </head> <body> <!--加载图片涉及html图片加载标签和url_for函数使用--> <!--第一个参数为static文件夹,第二个参数为文件名称--> <img src="{{ url_for('static', filename='image/胡烈那.jpeg') }}" alt=""> </body> </html>static.html
static文件结构: