BootStrap扔進(jìn)Django里的方法詳解
因?yàn)閐jango的版本差異化比較大，所以以下配置僅供學(xué)習(xí)參考。
D:\www\mysite>python --version
Python 2.7.5
>>> print django.__version__
1.9.4
本記錄不作細(xì)說(shuō)，主要配置過(guò)程如下：
1.settings.py最后一段，關(guān)于靜態(tài)文件的配置
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.9/howto/static-files/
SITE_ROOT = os.path.join(os.path.abspath(os.path.dirname(__file__)), '..')
STATIC_ROOT = os.path.join(SITE_ROOT, 'static')
STATIC_URL = '/static/'
STATICFILES_DIRS = (
("css", os.path.join(STATIC_ROOT, 'css')),
("js", os.path.join(STATIC_ROOT, 'js')),
("images", os.path.join(STATIC_ROOT, 'images')),
("bower_components", os.path.join(STATIC_ROOT, 'bower_components')),
)
2.urls.py 關(guān)于路由的配置
urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^$', views.index), url(r'^home/', views.home), ]
3.views.py 視圖設(shè)計(jì)，簡(jiǎn)單得不能再簡(jiǎn)單的那種。
def home(request):
return render_to_response('home/login.html')
4.模板調(diào)用 home/login.html 頁(yè)面對(duì)于靜態(tài)文件css, js,以及圖片等調(diào)用。
<!-- Bootstrap Core CSS --> <link href="/static/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="/static/css/sb-admin-2.css" rel="stylesheet"> <img src="/static/images/xjlxprocess.png" />
5.最后，我的目錄結(jié)構(gòu)，就如網(wǎng)上其它文章所描述的那樣。
website ---------static ---------|-----css ---------|-----js ---------|-----images ---------|-----bower_components ---------templates ---------|-----home ---------|-----------login.html ---------|-----admin ---------website
6.站點(diǎn)打開(kāi)如下：
以上內(nèi)容是小編給大家介紹的BootStrap扔進(jìn)Django里的方法詳解，希望對(duì)大家有所幫助，如果大家想了解更多資訊敬請(qǐng)關(guān)注腳本之家網(wǎng)站!
相關(guān)文章
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。本文給大家介紹介紹javascript中的函數(shù)(二)，對(duì)javascript函數(shù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
詳解如何用webpack打包一個(gè)網(wǎng)站應(yīng)用項(xiàng)目
本篇文章主要介紹了如何用webpack打包一個(gè)網(wǎng)站應(yīng)用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
你知道該如何捕獲js報(bào)錯(cuò)前的用戶(hù)行為嗎
這篇文章主要給大家介紹了該如何捕獲js報(bào)錯(cuò)前的用戶(hù)行為的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-06-06
在本篇文章中小編給各位整理的是關(guān)于js new Date()測(cè)試的相關(guān)實(shí)例代碼，有需要的朋友們參考學(xué)習(xí)下。2019-10-10
超強(qiáng)推薦的js編程中的簡(jiǎn)潔寫(xiě)法收集
超強(qiáng)推薦的js編程中的簡(jiǎn)潔寫(xiě)法收集...2007-08-08
這篇文章主要介紹了新手快速上手webpack4打包工具的使用詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
新發(fā)現(xiàn)一個(gè)騙鏈接的方法(js讀取cookies)
新發(fā)現(xiàn)一個(gè)騙鏈接的方法(js讀取cookies)，需要的朋友可以參考下。2012-01-01
script標(biāo)簽中的defer和async使用技巧說(shuō)明
這篇文章主要介紹了script標(biāo)簽中的defer和async使用技巧,包含他們的下載順序和執(zhí)行順序，以及使用場(chǎng)景需要的朋友可以參考下2023-02-02
javascript動(dòng)態(tài)控制服務(wù)器控件實(shí)例
在頁(yè)面中放入一個(gè)DropDownList控件，并添加一項(xiàng)，用來(lái)分析其產(chǎn)生的HTML代碼，這樣在使用js進(jìn)行動(dòng)態(tài)控制時(shí)，將會(huì)非常清晰2014-09-09
JS實(shí)現(xiàn)重新加載當(dāng)前頁(yè)面
本文主要介紹用JavaScript刷新上級(jí)頁(yè)面和當(dāng)前頁(yè)面。附上具體實(shí)例代碼。需要的朋友可以參考下2016-11-11