1. 程式人生 > >django載入css、js等內容

django載入css、js等內容

參考了以下內容:

官方文件

http://jingyan.baidu.com/article/db55b609a93b114ba30a2ffb.html


1. 新建一個目錄static,這個目錄與templates和manage.py都在同一個目錄下

2. 將css、js等目錄都拷到static目錄下

3. 再在setting.py中新增如下內容:

STATIC_URL = '/static/'

PROJECT_PATH = os.path.abspath(os.path.dirname(__file__))
STATIC_ROOT = os.path.join(os.path.dirname(PROJECT_PATH), 'static')
STATICFILES_DIRS = (
    ("css", os.path.join(STATIC_ROOT, 'css')),
    ("js", os.path.join(STATIC_ROOT, 'js')),
)
4. 在你的html檔案中的對css、js的引用程式碼改為如下(bootstrap.min.css是我的css檔案,改為你的就行):

{% load staticfiles %}
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">

最後在瀏覽器中執行你的html程式碼就行了