BootStrap扔进Django里的方法详解


Posted in Javascript onMay 13, 2016

因为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里的方法详解

以上内容是小编给大家介绍的BootStrap扔进Django里的方法详解,希望对大家有所帮助,如果大家想了解更多资讯敬请关注三水点靠木网站!

Javascript 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
JS 实现双色表格实现代码
Nov 24 Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
AngularJS 中文API参考手册
Jul 28 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
JS实现简单表格排序操作示例
Oct 07 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
Node.js学习教程之Module模块
Sep 03 Javascript
vue根据条件不同显示不同按钮的操作
Aug 04 Javascript
JavaScript重载函数实例剖析
May 13 #Javascript
JS加载iFrame出现空白问题的解决办法
May 13 #Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 #Javascript
JS iFrame加载慢怎么解决
May 13 #Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 #Javascript
基于jQuery倒计时插件实现团购秒杀效果
May 13 #Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 #Javascript
You might like
phpmyadmin的#1251问题
2006/11/25 PHP
逐步提升php框架的性能
2008/01/10 PHP
用PHP与XML联手进行网站编程代码实例
2008/07/10 PHP
让PHP COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
php中unlink()、mkdir()、rmdir()等方法的使用介绍
2012/12/21 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
PHP遍历目录并返回统计目录大小
2014/06/09 PHP
Yii2中设置与获取别名的函数(setAlias和getAlias)用法分析
2016/07/25 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
红米手机抢购的js代码
2014/03/10 Javascript
使用js画图之饼图
2015/01/12 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
微信小程序自定义多选事件的实现代码
2018/05/17 Javascript
JavaScript实现异步图像上传功能
2018/07/12 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
2019/04/28 Javascript
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)
2014/07/11 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
python输出pdf文档的实例
2020/02/13 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
描述一下JVM加载class文件的原理机制
2013/12/08 面试题
毕业生面试求职信
2014/06/23 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
2015年妇女工作总结
2015/05/14 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
Python基础之Socket通信原理
2021/04/22 Python
python可视化大屏库big_screen示例详解
2021/11/23 Python
实例详解Python的进程,线程和协程
2022/03/13 Python
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏