1. 程式人生 > >flask-bootstrap 模版中所需的CSS/JS檔案如何實現本地引入

flask-bootstrap 模版中所需的CSS/JS檔案如何實現本地引入

筆者所寫的是狗書前七章講的專案,在學習過程中,因為是使用公司內網,每次執行都要聯網很不方便,就研究了一下怎麼將所需的CSS/JS檔案進行本地引入, 模版擴充套件來自於bootstrap/base.html,就以bootstrap/base.html的用法為例. 首先通過聯網執行的網頁原始碼確定所需的CSS/JS檔案,如下圖: 因為這個原始碼已經修改過,所以顯示的是修改後的靜態路徑,即本地路徑,正常未修改的應該是一個cdn引入的內容. 然後根據網頁原始碼確定bootstrap/base.html原始碼中引入檔案的位置,如下圖 可以看到所需的CSS/JS檔案的下載路徑,以及包含這個的block名稱.分別為block styles和block scripts. 下面直接在自己寫的templates/base.html中重新寫這兩個block將原始檔中的覆蓋即可. 最後把需要的檔案放入本地的static資料夾中,本例只需要這三個: 最後斷網執行,可以看到CSS/JS檔案以static方法是從本地引入.