BootStrap扔进Django里的方法详解
2016-07-01来源:易贤网

这篇文章主要介绍了BootStrap扔进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.站点打开如下:

名单

以上内容是小编给大家介绍的BootStrap扔进Django里的方法详解,希望对大家有所帮助

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息