码迷,mamicode.com
首页 > 其他好文 > 详细

怎么样把bootstrap扔进django里

时间:2016-05-10 19:04:09      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:python django 静态文件

因为django的版本差异化比较大,所以以下配置仅供学习参考。

D:\www\mysite>python --version

Python 2.7.5


>>> print django.__version__

1.9.4


本记录不作细说,主要配置过程如下:

  1. settings.py最后一段,关于静态文件的配置

# 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 关于路由的配置

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.模板调用 home/login.html 页面对于静态文件css, js,以及图片等调用。

<!-- 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.最后,我的目录结构,就如网上其它文章所描述的那样。

website
---------static                                         
---------|-----css                                 
---------|-----js                                
---------|-----images                                 
---------|-----bower_components                        
---------templates                                         
---------|-----home
---------|-----------login.html
---------|-----admin
---------website


6.站点打开如下:

技术分享



本文出自 “方向感” 博客,请务必保留此出处http://itech.blog.51cto.com/192113/1771795

怎么样把bootstrap扔进django里

标签:python django 静态文件

原文地址:http://itech.blog.51cto.com/192113/1771795

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!