django模板导入js,css等外部文件
生活随笔
收集整理的這篇文章主要介紹了
django模板导入js,css等外部文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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,添加:
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<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_URL }),
????url(r'myapp/','myapp.views.home'),
)
然后將你的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了
首先是我文件的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,添加:
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<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_URL }),
????url(r'myapp/','myapp.views.home'),
)
然后將你的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了
總結
以上是生活随笔為你收集整理的django模板导入js,css等外部文件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: django--静态文件路径和模板路径配
- 下一篇: PEP8 Python 编码规范整理