BootStrap扔進Django里的方法詳解
來源:易賢網(wǎng) 閱讀:1163 次 日期:2016-07-01 09:34:54
溫馨提示:易賢網(wǎng)小編為您整理了“BootStrap扔進Django里的方法詳解”,方便廣大網(wǎng)友查閱!

這篇文章主要介紹了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里的方法詳解,希望對大家有所幫助

更多信息請查看網(wǎng)絡編程
易賢網(wǎng)手機網(wǎng)站地址:BootStrap扔進Django里的方法詳解

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)