django1.8引用bootstrap创建响应式登录界面
2015-11-08 00:00
513 查看
摘要: 使用django构建登录页面 系统环境python 2.7 django1.8 bootstrap3.3.5。构建响应式登录界面,引用模板
最近在鼓捣django,学了几天的html。在网上发现bootstrap这个好东西。刚好最近要搞个B/S模式的管理平台。css还没有学,html还不熟,走了很多弯路,发现其实很简单的说。由于是django新手,参阅了网上很多资料才做好,鼓捣了两天有余啊。令人发指啊,在此记录一下。
系统环境:python 2.7 django1.8 bootstrap3 目的:构建响应式登录界面。
直接上步骤了
project:django-admin.py startproject mysite
app: django-admin.py startapp applogin
修改settings.py添加app. vim mysite/settings.py在INSTALLED_APPS添加app应用类似下面。
INSTALLED_APPS = (
.................
'applogin',
)
修改访问的url vim mysite/urls.py
urlpatterns = patterns('',
url(r'^index/$', 'applogin.views.index'),
)
创建视图vim applogin/views.py
from django.shortcuts import render_to_response
def index(request):
return render_to_response("index.html",{})
到官网下载bootstrap包,到工程目录下创建static目录:并且解压到此目录。
mkdir -p mysite/static/bootstrap
创建模板目录templates
mkdir mysite/applogin/templates 接下来我们的html页面都将存放在这个目录下
我是在网上随便找的模板,保存为index.html放到templates目录下。之前我尽然不知道要修改页面中static的路径。
编辑index.html页面,将其中static目录改为我自己配置的路径 :href="/static/bootstrap/css/bootstrap.min.css
然后编辑mysite/settings.py
STATICFILES_DIRS = (
'/home/mysite/static',
)
启动django开发服务器 python manager.py runserver 0.0.0.0:8000。出现登录界面
最近在鼓捣django,学了几天的html。在网上发现bootstrap这个好东西。刚好最近要搞个B/S模式的管理平台。css还没有学,html还不熟,走了很多弯路,发现其实很简单的说。由于是django新手,参阅了网上很多资料才做好,鼓捣了两天有余啊。令人发指啊,在此记录一下。
系统环境:python 2.7 django1.8 bootstrap3 目的:构建响应式登录界面。
直接上步骤了
project:django-admin.py startproject mysite
app: django-admin.py startapp applogin
修改settings.py添加app. vim mysite/settings.py在INSTALLED_APPS添加app应用类似下面。
INSTALLED_APPS = (
.................
'applogin',
)
修改访问的url vim mysite/urls.py
urlpatterns = patterns('',
url(r'^index/$', 'applogin.views.index'),
)
创建视图vim applogin/views.py
from django.shortcuts import render_to_response
def index(request):
return render_to_response("index.html",{})
到官网下载bootstrap包,到工程目录下创建static目录:并且解压到此目录。
mkdir -p mysite/static/bootstrap
创建模板目录templates
mkdir mysite/applogin/templates 接下来我们的html页面都将存放在这个目录下
我是在网上随便找的模板,保存为index.html放到templates目录下。之前我尽然不知道要修改页面中static的路径。
编辑index.html页面,将其中static目录改为我自己配置的路径 :href="/static/bootstrap/css/bootstrap.min.css
然后编辑mysite/settings.py
STATICFILES_DIRS = (
'/home/mysite/static',
)
启动django开发服务器 python manager.py runserver 0.0.0.0:8000。出现登录界面
相关文章推荐
- 关于bootstrap小图标的使用
- bootstrap
- 在JSP中使用BootStrap
- 【新技术,学习、商业均可】HTML5 全新高大尚后台 bootstrap springmvc mybatis java企业级通框架源码入门
- 结合LayoutIt学习Bootstrap的探索
- fh admin bootstrap 模版下载 框架 源码 SpringMVC mybatis or hibernate
- [bootstrap] 实用的bootstrap模版下载
- 编译Bootstrap,定制自己的模板。
- bootstrap学习
- BootStrap学习(4)_分页&标签&缩略图&警告&进度条
- bootstrap的导航改造
- CSS3实现Bootstrap的tooltip动画提示效果
- ubuntu x64 debootstrap
- bootstrap
- AJAX +SpringMVC 实现bootstrap模态框的分页查询
- bootstrap datepicker 月份无法选中的问题
- Bootstrap导航栏实例讲解
- bootstrap模态框垂直居中显示
- bootstrap兼容IE8问题
- BootStrap学习(2)_下拉菜单&按钮组