BootStrap扔進(jìn)Django里的方法詳解
更新時(shí)間：2016年05月13日 10:54:15 作者：jaty0817
這篇文章主要介紹了BootStrap扔進(jìn)Django里的方法，小編認(rèn)為本文介紹的不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
因?yàn)閐jango的版本差異化比較大，所以以下配置僅供學(xué)習(xí)參考。
D:\www\mysite>python --version
Python 2.7.5
>>> print django.__version__
1.9.4
本記錄不作細(xì)說，主要配置過程如下：
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ì)，簡單得不能再簡單的那種。
def home(request):
return render_to_response('home/login.html')
4.模板調(diào)用 home/login.html 頁面對于靜態(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)打開如下：
以上內(nèi)容是小編給大家介紹的BootStrap扔進(jìn)Django里的方法詳解，希望對大家有所幫助，如果大家想了解更多資訊敬請關(guān)注腳本之家網(wǎng)站!
相關(guān)文章
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。本文給大家介紹介紹javascript中的函數(shù)(二)，對javascript函數(shù)相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-12
詳解如何用webpack打包一個(gè)網(wǎng)站應(yīng)用項(xiàng)目
本篇文章主要介紹了如何用webpack打包一個(gè)網(wǎng)站應(yīng)用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要給大家介紹了該如何捕獲js報(bào)錯(cuò)前的用戶行為的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-06-06
在本篇文章中小編給各位整理的是關(guān)于js new Date()測試的相關(guān)實(shí)例代碼，有需要的朋友們參考學(xué)習(xí)下。2019-10-10
超強(qiáng)推薦的js編程中的簡潔寫法收集...2007-08-08
這篇文章主要介紹了新手快速上手webpack4打包工具的使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
新發(fā)現(xiàn)一個(gè)騙鏈接的方法(js讀取cookies)
新發(fā)現(xiàn)一個(gè)騙鏈接的方法(js讀取cookies)，需要的朋友可以參考下。2012-01-01
script標(biāo)簽中的defer和async使用技巧說明
這篇文章主要介紹了script標(biāo)簽中的defer和async使用技巧,包含他們的下載順序和執(zhí)行順序，以及使用場景需要的朋友可以參考下2023-02-02
javascript動(dòng)態(tài)控制服務(wù)器控件實(shí)例
在頁面中放入一個(gè)DropDownList控件，并添加一項(xiàng)，用來分析其產(chǎn)生的HTML代碼，這樣在使用js進(jìn)行動(dòng)態(tài)控制時(shí)，將會非常清晰2014-09-09
本文主要介紹用JavaScript刷新上級頁面和當(dāng)前頁面。附上具體實(shí)例代碼。需要的朋友可以參考下2016-11-11