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最后一段，关于静态文件的配置
# 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里的方法详解，希望对大家有所帮助，如果大家想了解更多资讯敬请关注脚本之家网站!
相关文章
javascript跟随滚动效果插件代码（javascript Follow Plugin）
这篇文章介绍了javascript跟随滚动效果插件代码（javascript Follow Plugin），有需要的朋友可以参考一下2013-08-08
这篇文章主要介绍了JS实现侧悬浮浮动实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了浅谈Webpack下多环境配置的思路，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
许多读者认为我那本《JavaScript语言精髓与编程实践》读来辛苦，所以我一直想写个简单的读本。索性，这次就写个最简单的吧。2008-10-10
javascript之大字符串的连接的StringBuffer 类
javascript之大字符串的连接的StringBuffer 类...2007-05-05
直接从qq上获取到奥运金牌的数量的代码2008-08-08
本文主要介绍了原生js实现吸顶效果的示例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了js实现调用网络摄像头及常见错误处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要为大家详细介绍了OpenLayers3实现地图鹰眼以及地图比例尺的添加，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
用JS实现HTML标签替换效果...2007-06-06
最新评论