1. 程式人生 > >django專案使用css、js等靜態檔案

django專案使用css、js等靜態檔案

要在django模板中引用cssjsimage等靜態檔案,首先將settings.pyDEBUG設為True

1.project目錄下建立一個存放靜態檔案的目錄,如:static

2.urls.py的patterns中增加一行:

(r'^static/(?P<path>.*)$','django.views.static.serve',{'document_root':'靜態檔案目錄'}),

表示如果遇到/static/路徑,就往該目錄裡查詢檔案。

一個使用靜態檔案的例子:

<script src='/static/jquery.js'></script>

目前這種方法只在生產環境下試過能夠使用,而且還並不是個好方法。

如果是除錯環境(使用django伺服器),可以這樣做:

settings.py檔案中找到STATICFILES_DIRS,往裡新增靜態檔案的目錄。比如:

#Additional locations of static files
STATICFILES_DIRS= (
    #Put strings here, like "/home/html/static" or"C:/www/django/static".
    #Always use forward slashes, even on Windows.
    #Don't forget to use absolute paths, not relative paths.
    '/home/michael/workspace/web/djcode/mysite/static',
)

這樣就算把上面的第二步刪掉依然可以使用靜態檔案,載入方法跟前面一樣。

如果想使用相對路徑,可以將路徑替換為os.path.join(os.path.dirname(__file__), 'static').replace('\\','/'),這樣就必須將靜態檔案目錄放在settings.py所在的目錄下。

上面這種方法在Windows下不可以,當時我就是沒辦法才轉到ubuntu下,如果用什麼辦法可以的,請好心告訴我一聲。

相關推薦

django專案使用cssjs靜態檔案

要在django的模板中引用css、js、image等靜態檔案,首先將settings.py中DEBUG設為True。 1.在project目錄下建立一個存放靜態檔案的目錄,如:static 2.在urls.py的patterns中增加一行: (r'^static/(?P&

Django中使用cssjs靜態檔案

搗鼓了三個晚上才成功,遇到了好多麻煩,發現別人的部落格都操作不了,趕緊把自己的操作分享出來 下面是方法: 1. settings 中有三個地方要寫 # Static files (CSS, JavaScript, Images) STATIC_URL

SpringBoot頁面跳轉訪問cssjs靜態資源引用無效解決(六)

目錄 一、頁面跳轉 二、情況說明 三、 問題解決方案 1、 引入thymeleaf的依賴包 2、 專案路徑 注意 (1) 頁面引用外部靜態資源的方式 (2) 核心解決方案 一、頁面跳轉 如果你還沒有實現頁面跳轉,推薦閱讀:SpringBoot跳轉渲染頁

django載入cssjs內容

參考了以下內容: 官方文件 http://jingyan.baidu.com/article/db55b609a93b114ba30a2ffb.html 1. 新建一個目錄static,這個目錄與templates和manage.py都在同一個目錄下 2. 將css、js等

Eclipse中maven環境使用jetty啟動後不能儲存更改後的cssjs靜態檔案的解決方法

【問題現象】      使用Maven + Eclipse + Jetty 進行J2EE開發,但有一個問題就是css、js等靜態檔案更改以後,在eclipse裡儲存都會失敗,eclipse給出的錯

PythonWeb框架之Django網頁靜態檔案有效配置(CSSJS)

以我的專案舉例 專案名稱:PersonInfoManagerWebSystem 專案結構(圖) 關鍵配置 在PersonInfoManagerWebSystem二層目錄中的settings.py中,最後新增修改 # Static files (CSS, Java

web專案中url-pattern改成'/'後,jscss圖片靜態資源(404)無法訪問問題解決辦法

1、增加靜態資源url對映 如Tomcat, Jetty, JBoss, GlassFish容器可以這樣定義 (注意一定要在所有servlet之前定義該類對映): <servlet-mapp

Django 的圖片cssjs檔案不能使用 的解決方案

圖片無法顯示 css無法載入 首先在setting.py的最後新增 STATIC_URL = '/static/' # 下面這幾句才能是圖片、css 正常解析 STATICFILES_DIRS

Spring-Boot整合freemarker引入靜態資源cssjs(轉)

mark pan 創建 line path main 實現 content -m 一、概述springboot 默認靜態資源訪問的路徑為:/static 或 /public 或 /resources 或 /META-INF/resources 這樣的地址都必須定義在src/

Django中簡單添加HTMLcssjs文件

htm djang .py 項目 移動 資源 默認 alt templates 首先申明下自己的環境, python版本3.65 Django版本1.11.15 創建默認Django項目後 首先說下添加Html 在urls.py文件中添加如圖代碼,照抄也

Spring-Boot整合freemarker引入靜態資源cssjs

一、概述 springboot 預設靜態資源訪問的路徑為:/static 或 /public 或 /resources 或 /META-INF/resources 這樣的地址都必須定義在src/main/resources目錄檔案中,這樣可以達到在專案啟動時候可以自動載入為專案靜態地址目錄到cl

idea tomcat啟動web專案,htmljs靜態資源不自動載入解決方案

寫程式碼寫久了,會有程式碼是調試出來不是寫出來的感覺。今天剛剛開啟一個專案,發現修改html或者js等資源後,在瀏覽器重新整理清快取等根本不會載入最新的html檔案,除非重啟tomcat效。不斷重啟tomcat,太費時間了。下面是筆者總結的html不自動更新的處理步驟,筆者用的是mac: 1

解決SpringBoot前端jsphtml頁面無法載入cssjs檔案的問題

用IDEA編寫前端頁面的時候發現不能載入css和js檔案,執行後效果是這樣的: 程式碼如下: 明明路勁載入對了卻顯示不出來,帶著疑惑在網上查找了許多文件,最後發現是由於SpringBoot機制問題,引用css或js檔案的時候需先將檔案放在static資料夾下

Spring Boot thymeleaf模版支援,css,js靜態檔案新增

Thymeleaf引入 Thymeleaf是一個Java模板引擎開發庫,可以處理和生成HTML、XML、JavaScript、CSS和文字,在Web和非Web環境下都可以正常工作。 1.新增依賴包 <dependency> <groupId>org.springf

nodejs搭建靜態伺服器 用Nodejs搭建伺服器訪問htmlcssjs外部連結

第一步,俗話說的好,工欲善其事,必先利其器。既然要用node+express配置伺服器,如果電腦上沒有的話自然要先安裝這兩個大寶貝啦。 1.安裝node。到Node官網下載安裝即可,直接下一步下一步就完成了。 2.npm初始化專案。開啟終端,輸入npm init -y即可

springmvc配置後jsp頁面不能載入css,js靜態檔案

記錄一下。 專案啟動後只能訪問jsp頁面,jsp引用的css,js都不能成功載入。瀏覽器控制檯提示404,jsp頁面引用的地址沒錯。所以不是路徑的問題。 需要更改spring-mvc.xml裡面的配

Jetty啟動時不能修改 js靜態檔案的解決

Jetty啟動後,如果修改javascript檔案,將不能儲存,使除錯很麻煩。這是因為使用了CACHE,JETTY說是WINDOWS下的一個限制。可以通過如下方法修正: 解壓出jetty.jar中的org/mortba

jsp頁面傳送請求到後臺,當後臺返回到頁面時,cssjs都失效的問題

servlet重定向到jsp後,css樣式和圖片都沒了,原因是在servlet中轉發時css和圖片的路徑變成相對於這個servlet的相對路徑而非相對於web專案的路徑了。解決辦法:匯入css樣式和圖片時把css寫成動態絕對路徑,如用EL表示式表示:<link rel=

springmvc的前端控制器對cssjs進行過濾

web.xml配置如下: <!-- 配置springmvc的前端控制器 --> <servlet> <servlet-name>springmvc</servlet-name> <servlet-class>org

spring mvc 頁面訪問圖片或者js靜態檔案路徑出錯問題

這是web工程的結構,圖片放在images資料夾下,js檔案放在resource資料夾下 然後就是進行spring mvc的配置,我上一篇文章就有講到怎麼去配置,但只是