django模板中如何導入js、css等外部文件


本教程只適合Django1.4版本。(1.8版本之后不需要這么麻煩,詳見 http://www.cnblogs.com/ryan255/p/5465608.html

html模板里面使用了css,但是直接引用不能。記錄下處理辦法。
首先是我文件的tree:
mysite:
-myapp:
--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,添加:(注意,如果你在blog目錄下也建立了urls.py,那么就得在blog/urls.py中做修改。別忘了import settings)

import settings
urlpatterns = patterns('',
    url( r'^static/(?P<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_URL }), 
)

然后將你的css,js文件以及html中引用的靜態圖片都放置在static文件夾里。
在html模板里調用:
<link rel="stylesheet" href="../../static/css/style.css" type="text/css">

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

然后啟動python manage.py runserver
訪問http://127.0.0.1:8000/static/css/style.css
若能訪問文件,說明你css等靜態文件已經可以被django找到了,這時訪問你 的模板對應的頁面就可以發現頁面可以引用css了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM