靜態文件主要包括css
,JavaScript
等腳本文件、圖片等,在加載文件的時候主要是用url_for
方法。
- 語法
url_for('文件夾', filename='調用文件路徑及擴展名')
我們先在static
文件夾新建js
、css
文件夾,並新建對應擴展名的文件:
然後在index
文件夾下新建mystatic.html
文件,對應代碼:
- mystatic.js
window.onload = function(){ alert('hello world') }
此代碼意思是彈出alert
提示框
- mystatic.css
body{ background: aquamarine; }
這裏只是設置了一下背景顏色
- mystatic.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>靜態文件</title> <link rel="stylesheet" href="{{ url_for('static', filename='css/mystatic.css') }}"> <script src="{{ url_for('static', filename='js/mystatic.js') }}"></script> </head> <body> </body> </html>
注意:在mystatic.html
中,分別通過link
和script
標籤,利用url_for
調用了對應的靜態文件。
在app.py
中增加函數:
@app.route('/mystatic/')def mystatic(): return flask.render_template('index/mystatic.html')
執行,可以在頁面看到: