django模板匯入js,css等外部檔案

2021-07-06 09:36:17 字數 995 閱讀 7613

html模板裡面使用了css,但是直接引用不能,搜了一些資料終於搞定,這裡記錄以下。

首先是我檔案的tree:

mysite:

--admin.py, models.py, _init_.py, views.py, test.py, template資料夾

-mysite:

--_init_.py, settings.py, urls.py, wsgi.py

-manage.py

開始配置:

首先在根目錄mysite裡新建static資料夾

開啟settings.py,在底部新增:

import os

static_url = '/static/'

staticfiles_dirs = (

os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'),

)開啟urls.py,新增:

import settings

urlpatterns = patterns('',

# examples:

# url(r'^$', 'mysite.views.home', name='home'),

# url(r'^blog/', include('blog.urls')),

url(r'^admin/', include(admin.site.urls)),

url( r'^static/(?p.*)$', 'django.views.static.serve',),

)然後將你的css,js檔案以及html中引用的靜態都放置在static資料夾裡。

在html模板裡呼叫:

注意href就是你在static裡面css等的路徑。

然後啟動python manage.py runserver

訪問若能訪問檔案,說明你css等靜態檔案已經可以被django找到了,這時訪問你 的模板對應的頁面就可以發現頁面可以引用css了

Django模板中如何匯入js css等外部檔案

假如我的專案的目錄tree為 mysite manage.py mysite init pysettings.py urls.py wsgi.py blog 建立的應用程式 models.py views.py test.py init py templates 開始配置 1 在外部的mysite目...

django 模板的載入和匯入

為了減少模板載入呼叫過程及模板本身的冗餘 django 提供了一種使用方便且功能強大的 api 用於從磁碟中載入模板,要使用此模板載入api,首先你必須將模板的儲存位置告訴框架。該項工作在 設定檔案 中完成。django 設定檔案是存放 django 例項 也就是 django 專案 配置的地方。它...

Django模板的繼承與模板的匯入

目錄二 模板的繼承使用 三 模版的匯入 一 模版的繼承 1.什麼是模板繼承?你需要事先在你想要使用的主頁面上劃定區域做好標記,之後在子頁面繼承的時候你就可以使用在主頁面劃定的區域,也就意味著,如果你不劃定任何區域,那麼你子頁面將無法修改主頁面內容2.使用繼承流程原理 你們有沒有見過一些 這些 頁面整...