Flask 學習(四)靜態文件
動態 web 應用也需要靜態文件,一般是 CSS 和 JavaScript 文件。理想情況下你的服務器已經配置好提供靜態文件的服務。
在開發過程中, Flask 也能做好這個工作。
靜態文件引用
我們先來看下普通的 html 引用靜態文件,如 css(js也同樣,就不多加示例了),以下為一簡單實例,直接打開html:
flask 處理 —— static
若直接將該html 當成 flask 模板,相對路徑自然就失效了,靜態文件將不會被成功讀取。
那在flask中,如何處理靜態文件? 做法很簡單,只要在你的包或模塊旁邊創建一個名為 static 的文件夾就行了。
flask的靜態文件是位於應用的 /static 中的
創建 static文件夾,將之前的 css 文件夾移入此文件夾
你可以直接在html 模板中引用該路徑,如下:
<link href="/static/css/demo.css" rel="stylesheet" type="text/css" />
本地開發,你可直接將 所有的靜態文件 + /static/ ;對應路徑即可
url_for 構造路徑
當然,也可使用 url_for 構造,代碼如 url_for("static",filename="css/demo.css")
更改上述代碼及模板文件,再次運行並查看