django學習之靜態檔案配置

2021-08-21 09:13:15 字數 1191 閱讀 7291

1>jquery引入問題解決

之前寫前端頁面的時候,涉及到頁面互動,需要用到jquery的時候,是直接把jquery檔案放在跟html同一目錄下

然後指令碼引用直接寫成下面這樣

但是這只限於本地除錯使用,也就是本地開啟瀏覽器,它能找到這個jquery檔案,但是若放入web應用,則是不行的

因為使用者端發請求過來,這邊響應的是乙個這樣的位址(本機同目下),使用者端就會找自己本地環境的jquery檔案,

很明顯,這是有問題的。

所以,像這類jquery檔案,外鏈式的css樣式檔案等,應該放到什麼地方,又該如何引用呢?

還是應該改這個setting.py檔案,

通用做法:於專案檔案目錄下,新增static目錄,把這類檔案放入這個目錄下,

再於setting.py檔案中,增加如下路徑,注意變數名不能變,固定的,path拼接就是之前的static目錄名

配置生效之後,python會自動把之前的路徑換成如下

試一下 ,能訪問肯定就沒問題了

2>css和js引入優化

把html的樣式放入單獨的乙個css檔案,把js也放入單獨的乙個檔案,然後再引入,如下

static下面新建乙個跟應用同名的資料夾,裡面就放入應用下面對應頁面的css和js

原html改寫如下,都引入檔案就行,注意js檔案引入要放在jquery下面,並且最好放在body尾部或者下面

否則會出現先載入js檔案,單其實頁面html還沒渲染完成,出現js「失效」的情況。

基本上,實際專案當中就這樣了,timer.html就負責網頁內容,對應的static下面的timer.css和timer.js

就負責樣式和互動。

Django之靜態檔案配置

js css img 等都叫做靜態檔案,那麼關於 django 中靜態檔案的配置,我們就需要在 settings 配置檔案 裡面寫上這寫內容 static url static 別名 可以任意 指向下邊拼接的路徑 staticfiles dirs os.path.join base dir,stat...

Django之靜態檔案配置

對於前端已經寫好了的檔案 我們只是拿過來使用 那麼這些檔案都可以稱之為叫 靜態檔案 html檔案預設全都放在templates資料夾下 靜態檔案可以是 bootstrap一類的前段框架 已經寫好了的 cssjs 靜態檔案預設全都放在static資料夾下 static資料夾中缺省會預設建立的子資料夾 ...

Django之靜態檔案配置

在專案目錄中開啟settings.py,在最下面配置靜態檔案 css檔案,js檔案以及其他靜態配置檔案 比如說html使用到了jquery框架,我們要在專案根目錄下建立statics 可自定義 將jquery檔案放在該目錄下,開啟settings.py,最下面有乙個變數static url,新建乙個...