BootStrap扔進Django里的方法詳解
更新時間：2016年05月13日 10:54:15 作者：jaty0817
這篇文章主要介紹了BootStrap扔進Django里的方法，小編認為本文介紹的不錯，具有參考借鑒價值，感興趣的朋友一起學習吧
因為django的版本差異化比較大，所以以下配置僅供學習參考。
D:\www\mysite>python --version
Python 2.7.5
>>> print django.__version__
1.9.4
本記錄不作細說，主要配置過程如下：
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 視圖設計，簡單得不能再簡單的那種。
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.站點打開如下：
以上內(nèi)容是小編給大家介紹的BootStrap扔進Django里的方法詳解，希望對大家有所幫助，如果大家想了解更多資訊敬請關(guān)注腳本之家網(wǎng)站!
相關(guān)文章
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)選項卡效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
爬蟲進階-JS自動渲染之Scrapy_splash組件的使用
Splash是一個Javascript渲染服務。它是一個實現(xiàn)了HTTP API的輕量級瀏覽器，Splash是用Python和Lua語言實現(xiàn)的，基于Twisted和QT等模塊構(gòu)建，今天重點給大家介紹js Scrapy_splash組件使用教程，一起看看吧2021-09-09
每天都有大量網(wǎng)友申請加入我的團隊，于是審核團隊新成員成了一個費力氣的活兒，在此情況下，我寫了個腳本，自動計算他們的回答采納率，采納率低于20%的自動打勾 選中，等級太低的人也自動打勾選中2014-02-02
JavaScript 函數(shù)惰性載入的實現(xiàn)及其優(yōu)點介紹
惰性載入表示函數(shù)執(zhí)行的分支只會在函數(shù)第一次掉用的時候執(zhí)行，在第一次調(diào)用過程中，該函數(shù)會被覆蓋為另一個按照合適方式執(zhí)行的函數(shù)，這樣任何對原函數(shù)的調(diào)用就不用再經(jīng)過執(zhí)行的分支了2013-08-08
這篇文章主要介紹了Servlet返回的數(shù)據(jù)js解析2種方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了ES6之Proxy的get方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
在服務器端的單元測試中，都有各種各樣的測試框架，在JavaScript中現(xiàn)在也有一些很優(yōu)秀的框架，但在本文中，我們將自己動手一步步來實現(xiàn)一個簡單的單元測試框架2012-04-04
給指定元素的后面追加一些自己想要實現(xiàn)的效果或者是一些屬性之類的，有木有遇到過，接下來為大家詳細介紹下追加的實現(xiàn)代碼，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了JS實現(xiàn)的隨機排序功能算法,結(jié)合具體實例形式分析了javascript常用的排序算法實現(xiàn)技巧,需要的朋友可以參考下2017-06-06
LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法
今天小編就為大家分享一篇LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09