環境css
參考資料
http://blog.csdn.net/qq_21182587/article/details/69936510
找了不少資料,就這個最全,使用最方便,感謝做者html
方法python
一、建立項目 jquery
參考Django項目建立流程django
二、從網絡上下載模板,好比模板之家bootstrap
三、將模板中的html文件放入項目的template文件夾下,其實也能夠放到其餘目錄下,只是設置的時候改一下目錄便可。windows
四、在項目的根目錄或APP下建立一個文件夾命名爲static用於保存css、js、images等文件網絡
五、打開項目,在settings.py文件裏尋找TEMPLATES選項,添加static文件url
'DIRS': [os.path.join(BASE_DIR, 'templates'),
os.path.join(BASE_DIR, 'static').replace('\\', '/')],
在settings.py最底部添加spa
STATIC_ROOT = os.path.join(BASE_DIR, 'static').replace('\\', '/')
STATICFILES_DIRS = (
('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),
('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),
('fonts', os.path.join(STATIC_ROOT, 'fonts').replace('\\', '/')),
('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
)
六、修改urls.py文件在文件頭添加
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
在文件尾部添加
urlpatterns += staticfiles_urlpatterns()
七、修改HTML文件裏面的路徑
導入css
<link href="/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />
導入js
<script src="/static/js/jquery-1.11.1.min.js"></script> 插圖